vue移动端使用video标签

发布时间:2019-01-10 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了vue移动端使用video标签脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
<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 欢迎关注支持,谢谢!

总结

以上是脚本之家为你收集整理的vue移动端使用video标签全部内容,希望文章能够帮你解决vue移动端使用video标签所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签: