<div v-on:click="playVideo()">
    <video :src="videoSrc" id="videoPlay" v-show="false" class="video">您的浏览器不支持 video 视屏播放。</video>     //隐藏video标签,因为移动端点击视频播放时会自动弹出
</div>
export default{
    data(){
        return {
            videoSrc: 'example.mp4'     //获取视频播放资源
        }
    },
    methods: {
        playVideo(){
            var vdo = document.getElementById("videoPlay");
            vdo.play();
        }
    }
}

作者:rookie.he(kuke_kuke)
博客链接:http://blog.csdn.net/qq_33599109
欢迎关注支持,谢谢!

Logo

前往低代码交流专区

更多推荐