vue 前端 腾讯云点播web 播放器TcPlayer 释放
腾讯云点播服务,web点播播放器1.0的使用文档: Api文档按照文档的步骤接入了web 播放器,但是,如果同一个页面要播放不同视频文件,所有的视频都会在视频容器初始化就是点几次播放,就会创建几个视频的播放界面,后面我就在要初始化播放器的时候清理掉视频容器$('#id_test_video').html("");// id 为视频播放器id这样子虽然说点击播放的时候界面只会有.
·
腾讯云点播服务,web点播播放器1.0的使用文档: Api文档
按照文档的步骤接入了web 播放器,但是,如果同一个页面要播放不同视频文件,所有的视频都会在视频容器初始化
就是点几次播放,就会创建几个视频的播放界面,后面我就在要初始化播放器的时候清理掉视频容器
$('#id_test_video').html("");// id 为视频播放器id
这样子虽然说点击播放的时候界面只会有一个视频播放,但是上次播放的视频还在运行,就是还会听到上个视频的播放声音,
找了很多资料都没有介绍要怎释放掉上次播放的播放器,
因为用的是vue ,所以我在data() 那边创建了一个对象来存web播放器对象
data() {
return {
player:null,
}
},
methods: {
playVideo(id, url, img) {
$('#id_test_video').html("");
this.player = new TcPlayer('id_test_video', {
"mp4": url, //请替换成实际可用的播放地址
"autoplay" : true, //iOS下safari浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的
"coverpic" : img,
"width" : '350',//视频的显示宽度,请尽量使用视频分辨率宽度
"height" : '230',//视频的显示高度,请尽量使用视频分辨率高度
"remember":1
});
},
}
这样子处理就在播放新视频文件的时候把上一个初始化的web 视频播放器释放了。
更多推荐
已为社区贡献3条内容
所有评论(0)