移动端浏览器解析vidio标签到最顶层，调整index-z无效

如果video标签使用了controls属性，在移动端解析的时候，视频会解析到最顶层，覆盖掉自己写的结构，此时调整index-z不管用，解决办法是：
1.去掉controls属性，通过js控制视频播放

let video = document.getElementById("video");
video.play();

2.使用axios请求本地视频资源，在https.js中

function getVideoUrl(url) {
    return axios({
        method: "GET",
        url: url,
        responseType: "blob",
    })
}

3.在组件代码中引入视频资源

import video from "../assets/vidio/xxxxxxxx.mp4";

4.在组件代码中用getVideoUrl请求视频资源，获取VideoUrl

async getVideoUrl() {
    let result = await getVideoUrl(video);
    VideoUrl = URL.createObjectURL(result.data);
},

5.在video标签src属性中加入VideoUrl

<video poster="../assets/xxxxxx.png" :src="VideoUrl"></video>