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

怼烎@ 2023-05-29 14:27 64阅读 0赞

# 配置微信小程序插件 #

注意事项

*  正式开始使用微信小程序插件之前需先在微信公众平台 -> 设置->第三方设置 -> 插件管理处添加插件  
    ![在这里插入图片描述][20191106191446921.png]
 *  要保证项目内微信小程序appid和申请插件的微信小程序appid一致插件才可使用

# 引入插件代码包 #

使用插件之前开发者需要在manifest.json中的mp-weixin内声明使用的插件，具体配置参照所用插件的开发文档

/* 小程序特有相关 */
        "mp-weixin" : {
            "appid" : "xxxx",
            "setting" : {
                "urlCheck" : false,
                "postcss" : true
            },
            "usingComponents" : true,
    		"plugins": {
    		  "tencentvideo": {
    		    "version": "1.2.4",
    		    "provider": "wxa75efa648b60994b"
    		  }
    		}
        },

# 在页面中使用小程序插件 #

在 pages.json 对应页面的 style -> usingComponents 引入组件：

{
        "pages": [
            {
                "path": "index/index",
                "style": {
                    "usingComponents": {
                        // #ifdef  MP-WEIXIN 
                         "txv-video": "plugin://tencentvideo/video"
                        // #endif
                    }
                }
            }
        ]
    }

在页面不需要其他配置，直接使用就可以

检查结果  
配置好了，检查下是否有效吧，运行后可以看到通过vid就可以播放腾讯视频  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70]  
参考文档：  
腾讯视频插件文档：  
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b  
Dcloud官方文档  
https://uniapp.dcloud.io/component/mp-weixin-plugin  
https://uniapp.dcloud.io/frame

注：貌似这个插件只能在小程序用

[20191106191446921.png]: https://img-blog.csdnimg.cn/20191106191446921.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191106191410480.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ==,size_16,color_FFFFFF,t_70