vue移动端使用video标签

移动端播放视频之前没用过，这个学习网上找到一个可以学习方法

HTML部分：

<div v-on:click="playVideo()">
    <video :src="videoSrc" id="videoPlay" v-show="false" class="video">您的浏览器不支持 video 视屏播放。</video>     //隐藏video标签，因为移动端点击视频播放时会自动弹出
</div>

JS部分：

export default{
    data(){
        return {
            videoSrc: 'example.mp4'     //获取视频播放资源
        }
    },
    methods: {
        playVideo(){
            var vdo = document.getElementById("videoPlay");
            vdo.play();
        }
    }
}