vue移动端使用video标签

最新推荐文章于 2024-05-22 16:44:32 发布

kuke_kuke

最新推荐文章于 2024-05-22 16:44:32 发布

阅读量1.8w

点赞数 3

分类专栏： vue 文章标签： video标签

本文链接：https://blog.csdn.net/qq_33599109/article/details/78968902

版权

vue 专栏收录该内容

13 篇文章 2 订阅

订阅专栏

<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
欢迎关注支持，谢谢！