<template>
<div id="id_test_video" style="width:100%; height:auto;"></div>
</template>
<script>
export default {
data() {
return {
}
},
mounted(){
this.play();
},
methods: {
play(){
var player = new TcPlayer("id_test_video", {
"m3u8":"http://weblive.hebtv.com/live/hbws_bq/index.m3u8",
"autoplay" :true,
"poster": '', // 封面
"width" : "1280",//视频的显示宽度，请尽量使用视频分辨率宽度
"height" : "720"//视频的显示高度，请尽量使用视频分辨率高度
});
}
}
};
</script>
<style>
</style>
// 如果需要清除dom 可以在div上加ref处理；this.$refs.xx.innerHtml = '';多次调用在paly（）方法下面写上这句；
文档地址参考：https://cloud.tencent.com/document/product/454/7503；
引入方式 https://www.npmjs.com/package/tcplayer；或index.html引入
<script src="http://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer.js" charset="utf-8"></script>
