vue 前端 腾讯云点播web 播放器TcPlayer 释放

腾讯云点播服务，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 视频播放器释放了。