在uniapp开发的微信小程序中使用腾讯视频

问题描述

我的小程序是使用uniapp开发的，想在小程序中播放位于腾讯视频上面的资源，直接采用嵌套的方式，小程序不会播放

解决

• 打开小程序后台
  

• 添加插件
  

• 搜索腾讯视频，然后点击添加按钮
  

• 点击详情可以查看具体的使用信息
  注意这里的APPID和版本号，后面要用到
  

实操代码

manifest.json

在mp-weixin中加入如下代码

"plugins" : {
    "tencentvideo" : {
        "version" : "1.3.9",
        "provider" : "wxa75efa648b60994b"
    }
},

在pages.json中

在页面要使用到的地方加入

"usingComponents": {
	// #ifdef  MP-WEIXIN 
	"txv-video": "plugin://tencentvideo/video"
	// #endif
}

在要用到的页面

<view class="con-item" v-for="(item, index) in mydata" :key="index">
	<view class="con-image">
		<txv-video :vid="item.src" :playerid="item.src"></txv-video>
	</view>
	<view class="con-title">{{item.name}}</view>
</view>

mydata: [
	{
		id: 1,
		name: '新高改，要填几个志愿',
		src: 's3242h2luki'
	}
]

参考资料

小程序的开发文档

小程序官方给出的案例

Vue/微信小程序 – 引入腾讯视频

uni-app中引入腾讯视频插件，播放腾讯视频