admin管理员组

文章数量:1568433

参考:https://m.v.qq/txp/v3/src/jsapi/

下载腾讯视频的js

https://vm.gtimg/tencentvideo/txp/js/txplayer.js

http://vm.gtimg/tencentvideo/txp/js/txplayer.js

在页面新建一个视频播放的父级div

<div id="container" class="video-wrapper"></div>

引入腾讯视频js

import "../../../service/txplayer";// 这里放腾讯视频js在本地的路径

创建播放:

 playerInit(vid) {//调用且传腾讯视频的id即可
      var player = new Txplayer({
        containerId: "container",//上面第一步html的id
        vid: vid,
        width: "100%",
        height: screen.availHeight / 3,
        autoplay: true,
      });
    },

 

本文标签: 腾讯视频播放器vue