騰訊視頻插件三部曲

不少人想寫一個小程序觀看視頻,可是除了豆瓣有視頻資源,就很難找到其餘視頻API了。此時,你須要一個功能強大的小程序插件,那就是由騰訊提供的騰訊視頻插件。你僅僅須要一個vid,就能夠在頁面中引用騰訊視頻,無需使用本身的服務器進行視頻的播放。javascript


1、引入插件

進入微信公衆平臺->設置->第三方服務->插件管理,中添加插件。搜索到騰訊視頻,點擊添加,同時打開騰訊視頻的詳情,在裏面找到該插件的appid與版本號。

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

// 在app.json裏面引入插件,注意插件版本號填最新的版本號
"plugins": {
  "tencentvideo": {
    "version": "1.2.4",
    "provider": "wxa75efa648b60994b"
  }
}
複製代碼

2、頁面中引用該插件的組件

找到你要開的頁面的.json,文件進行配置以下:
git

// 在大家的json裏面插入
"usingComponents": {
  "txv-video": "plugin://tencentvideo/video"
}
複製代碼

3、在wxml中引用插件

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

<txv-video 
  vid="e0354z3cqjp"   
  // 可以使用vid="{{vid}}" wx:if="{{vid}}" 的方式應用data變量,要注意確保vid存在
  playerid="txv0"     //playerid必需要全局惟一,能夠設置爲vid
  autoplay="{{true}}" // 是否自動播放
></txv-video>
複製代碼

騰訊視頻插件使用案例以下:github.com/hongdeyuan/…json

參考文檔:github.com/tvfe/txv-mi…小程序

最後: 請給小編點給 贊 噢!

相關文章
相關標籤/搜索