vue使用 video.js动态切换视频源视频源不刷新问题

网上的垃圾代码太多,最后翻了video.js的官方文档,就这么简单,浪费了我这么久

//html

<video  id="my-player" controls autoplay preload="auto" class="video-js vjs-big-play-centered vjs-fluid vjs-16-9 vjs-big-play-centered"
controls preload="auto" data-setup='{}'>
<source id='videoid' :src="videosrc" type="application/x-mpegURL">
</video>

//随便定义一个方法

<p @click="selectomit >点击我</p>

//vue  methods里面

click(){

var that = this;
that.videosrc = '你的路径';
console.log(that.videosrc);
var player=videojs('my-player');
console.log(player);
player.src({
src:that.videosrc
})

}

扫描二维码关注公众号,回复: 11019024 查看本文章

猜你喜欢

转载自www.cnblogs.com/uniapp/p/12746913.html