伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

使用uni-app開始小程序使用騰訊視頻插件vid播放視頻

2020/12/27 21:57:47 字體: 瀏覽 5118

登錄微信小程序管理后臺添加騰訊視頻播放插件
在uni-app中引入插件代碼
在pages.json全局配置文件中對要使用插件的頁面配置如下條件編譯代碼  
在.vue頁面中使用騰訊視頻播放組件
關(guān)于如何獲取騰訊視頻vid問題



(一)、登錄微信小程序管理后臺添加騰訊視頻播放插件:
正式開始使用騰訊視頻小程序插件之前需先在微信公眾平臺 -> 第三方設(shè)置 -> 插件管理處添加插件,如下圖所示:
1. 進入小程序
2. 進入左邊的設(shè)置中
3. 點擊第三方設(shè)置----(下拉)---插件管理(添加:騰訊視頻)
這個就是對應(yīng)的騰訊視頻插件的開發(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ā)相應(yīng)的配置需要放到指定的位置才能夠生效。而uni-app引入騰訊視頻小程序有兩種方式一種是整個小程序可使用(小程序中所有的分包可以使用),第二種是指定對應(yīng)的分包可使用。

(三)、指定整個小程序可使用:
使用插件之前需要在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": "詳細(xì)內(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

相關(guān)閱讀
頁面里面的js和css的放的位置順序與加載速度分析
旅行社線路主題默認(rèn)模板4
Asp.net中防止用戶多次登錄的方法
利用css實現(xiàn)圖片選中后顯示文字與圖片效果
asp防止多個后臺用戶同時登陸
Shopify 店鋪被封原因與防范及如何解封辦法
asp日歷代碼
一個美化了的alert效果,非常不錯。
共有0條關(guān)于《使用uni-app開始小程序使用騰訊視頻插件vid播放視頻》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
靜態(tài)網(wǎng)站利用微信URL Scheme生成的ticket從瀏覽器h5跳到微信小程序完整代碼
定制開發(fā)微信小程序的操作流程
微信小程序騰訊視頻播放組件tencentvideo(wxa75efa648b60994b)
微信小程序直播組件live-player-plugin(wx2b03c6e691cd7370)
使用uni-app開始小程序使用騰訊視頻插件vid播放視頻
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
在iframe窗口中打開鏈接
深山旅行社網(wǎng)站管理系統(tǒng)5.0發(fā)布
另類的title提示文字
利用CSS的position定位屬性定義一個頂部飄動的柳葉效果非???/a>
Javascript JS 限制復(fù)選框的選擇個數(shù)(3)
asp隨機數(shù)字,可以當(dāng)成隨機驗證碼使用
主站蜘蛛池模板: 亚洲短视频在线观看 | 成人高清网站 | 国产欧美一区二区 | 日日插天天操 | 亚洲视频免费在线看 | 色人久久| 伦理不卡 | 成 年 人 视频在线播放 | 一卡二卡四卡免费视频 | 中文欧美日韩 | 亚色中文字幕 | 欧美激情一区二区三区在线 | 国产午夜精品一区二区三区不卡 | 四虎影视在线 | 4hu永久影院在线四虎 | 一级做a爰片久久毛片免费看 | 国产精品国产三级农村妇女 | 欧美日韩一区二区中文字幕视频 | 五月欧美激激激综合网色播 | 国产成人愉拍免费视频 | 五月婷视频 | 中文字幕精品一区二区三区视频 | 国产日韩精品一区在线不卡 | 2019天天操天天干天天透 | 国产香蕉尹人综合在线观 | 亚洲国产成人在线 | 欧美日韩视频免费播放 | 亚洲欧美不卡 | 日韩不卡视频在线观看 | 在线va| 日日插天天干 | 97国产蝌蚪视频在线观看 | 日韩一区二区在线播放 | 日本不卡免费在线 | 黄页网站在线 | 成人性生免费视频 | 亚洲高清一区二区三区久久 | 免费网站无遮挡 | 午夜一区二区免费视频 | 啦啦啦视频在线观看影院 | 国产成人黄网址在线视频 |