vue中使用腾讯视频播放器

最新推荐文章于 2024-09-09 16:24:17 发布

impossible1994727

最新推荐文章于 2024-09-09 16:24:17 发布

阅读量2.6k

点赞数 1

分类专栏： vue 文章标签：腾讯 vue

本文链接：https://blog.csdn.net/impossible1994727/article/details/113182981

版权

vue 专栏收录该内容

32 篇文章 1 订阅

订阅专栏

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

下载腾讯视频的js

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

http://vm.gtimg.cn/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,
      });
    },