uni-app引入腾讯视频组件

在uni-app的项目中，有时候，需要需要引入腾讯视频的插件，利用在腾讯上传的视频所给的ID来播放视频

在这之前，需要在微信公众平台里面的设置，第三方设置插件管理中添加插件

然后，在我们的项目中你需要找到 manifest.json 。
如果在Hbuilder中打开的话，是会给一个界面的，这里面并没有对应的功能，我们需要用其他编辑器打开这个文件，然后如下进行配置

"mp-weixin" : {
        "appid" : "",
        "setting" : {
            "urlCheck" : false
        },
        "usingComponents" : true,
        "permission" : {
            "scope.userLocation" : {
                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
            }
        },
        "plugins": {
            "tencentvideo": {
              "version": "1.2.4",
              "provider": "wxa75efa648b60994b"
            }
          }
    },

此时引入组件不再像平常那样通过在vue文件中写入components引入
在page.json中的对应页面的 style中添加

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

然后在页面中直接使用即可

<view class="">
	<txv-video vid="l0033spqumo" playerid="txv1"></txv-video>
</view>

当然，这里还是有一个小插曲的，如果我将腾讯插件的vid加上v-bind的话，发现他并不能获取到数据。这是因为腾讯视频插件是优先加载的，他比onLoad加载的都要早。你也可以设置一个延时器来实现，当然更好的办法是用v-if。当判断出data里面的数据的时候再让插件出现，这个时候就不会报错了。