登錄微信小程序管理后臺添加騰訊視頻播放插件
在uni-app中引入插件代碼
在pages.json全局配置文件中對要使用插件的頁面配置如下條件編譯代碼
在.vue頁面中使用騰訊視頻播放組件
關(guān)于如何獲取騰訊視頻vid問題
（一）、登錄微信小程序管理后臺添加騰訊視頻播放插件：
正式開始使用騰訊視頻小程序插件之前需先在微信公眾平臺 -> 第三方設置 -> 插件管理處添加插件，如下圖所示：
1. 進入小程序
2. 進入左邊的設置中
3. 點擊第三方設置----（下拉）---插件管理（添加:騰訊視頻）
這個就是對應的騰訊視頻插件的開發(fā)文檔地址：https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wxa75efa648b60994b
（二）、 在uni-app中引入插件代碼：
注意在使用uni-app開發(fā)微信小程序時與直接會用微信網(wǎng)頁開發(fā)工具開發(fā)微信小程序是有很大的差別的，因為uni-app可開發(fā)多平臺的原因，因此不同平臺的開發(fā)相應的配置需要放到指定的位置才能夠生效。而uni-app引入騰訊視頻小程序有兩種方式一種是整個小程序可使用（小程序中所有的分包可以使用），第二種是指定對應的分包可使用。
（三）、指定整個小程序可使用：
使用插件之前需要在manifest.json中的mp-weixin內(nèi)聲明使用的插件，具體配置參照所用插件的開發(fā)文檔：
{
"subpackages": [
{
"root": "package1",//分包名稱
"pages": [
"pages/cat",
"pages/dog"
],
"plugins": {
"tencentvideo": {
"version": "1.3.6", //這個地方一定要寫最新的插件版本
"provider": "騰訊視頻小程序AppID"
}
}
}
]
}
（四）、在pages.json全局配置文件中對要使用插件的頁面配置如下條件編譯代碼：
,{"path": "pages/show/show","style": {"navigationStyle": "custom","navigationBarTitleText": "詳細內(nèi)容",
"usingComponents": {
// #ifdef MP-WEIXIN
"txv-video": "plugin://tencentvideo/video"
// #endif
}
}}
（五）、在.vue頁面中使用騰訊視頻播放組件：
<view>
<!--vid中的騰訊視頻id最好為動態(tài)的數(shù)據(jù)，方便管理-->
<txv-video :vid="VideoId" playerid="txv1"></txv-video>
</view>
<script>
export default {
data() {
return {
VideoId:'c3029q7tdnp'
};
}
}
</script>
（六）、 參考資料：
騰訊視頻小程序播放插件開發(fā)文檔：
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b&token=&lang=zh_CN
decloud uni-app相關(guān)配置：
https://uniapp.dcloud.io/component/mp-weixin-plugin
微信小程序特有配置:
https://uniapp.dcloud.io/collocation/manifest?id=mp-weixin
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號