腾讯视频插件三部曲

807 阅读1分钟

很多人想写一个小程序观看视频,但是除了豆瓣有视频资源,就很难找到其他视频API了。此时,你需要一个功能强大的小程序插件,那就是由腾讯提供的腾讯视频插件。你仅仅需要一个vid,就可以在页面中引用腾讯视频,无需使用自己的服务器进行视频的播放。


一、引入插件

进入微信公众平台->设置->第三方服务->插件管理,中添加插件。搜索到腾讯视频,点击添加,同时打开腾讯视频的详情,在里面找到该插件的appid与版本号。

接着,在你的小程序的pp.json,进行配置

// 在app.json里面引入插件,注意插件版本号填最新的版本号
"plugins": {
  "tencentvideo": {
    "version": "1.2.4",
    "provider": "wxa75efa648b60994b"
  }
}

二、页面中引用该插件的组件

找到你要开的页面的.json,文件进行配置如下:

// 在你们的json里面插入
"usingComponents": {
  "txv-video": "plugin://tencentvideo/video"
}

三、在wxml中引用插件

找到你的 .wxml文件 配置如下:

<txv-video 
  vid="e0354z3cqjp"   
  // 可使用vid="{{vid}}" wx:if="{{vid}}" 的方式应用data变量,要注意确保vid存在
  playerid="txv0"     //playerid必须要全局唯一,可以设置为vid
  autoplay="{{true}}" // 是否自动播放
></txv-video>

腾讯视频插件使用案例如下:github.com/hongdeyuan/…

参考文档:github.com/tvfe/txv-mi…

最后: 请给小编点给 赞 噢!