伦理片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)成隨機驗證碼使用
主站蜘蛛池模板: 白丝袜护士水好多好紧白丝 | 日本a在线看 | 国产成a人片在线观看视频99 | 国产亚洲欧美在线视频 | 曰本毛片| 看全大色黄大色黄大片一级爽 | 亚洲欧性色美精品suv | 99精品国产自在现线观看 | 国产日韩欧美中文字幕 | 老汉tv永久视频福利在线观看 | 国产精品对白交换视频 | 视频成人永久免费下载 | 免费国产成人午夜私人影视 | 国产真实伦对白在线播放 | 亚洲视频在线观看地址 | 中文字幕在线一区二区在线 | 久久观看午夜精品 | 女人与禽交视频免费看 | 欧美11一12周岁a在线观看 | 国产精品久久久久影院色老大 | 91成人午夜在线精品 | 国产男人天堂 | 99久久精品国产自免费 | 日一区二区三区 | 最新在线精品国自拍视频 | 日韩在线视频免费观看 | 欧美 日本 国产 | 男女羞羞视频在线免费观看 | 欧美成人免费网站 | 欧美精品xxx | 久久国产一区二区 | 视色在线观看网站 | 91免费福利 | 男人影院天堂网址 | 免费一级片在线 | 四虎影城库 | 国产精品中文字幕在线 | 日本色护士 | 天天久久综合 | 在线观看视频日本 | 欧美精品做人一级爱免费 |