vue移动端使用video标签
移动端播放视频之前没用过,这个学习网上找到一个可以学习方法HTML部分:<div v-on:click="playVideo()"><video :src="videoSrc" id="videoPlay" v-show="false" class="video">您的浏览器不支持 video 视屏播放。</video>//隐藏vi...
·
移动端播放视频之前没用过,这个学习网上找到一个可以学习方法
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();
}
}
}
更多推荐
已为社区贡献12条内容
所有评论(0)