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

浅浅的花香味﹌ 2023-01-19 03:08 226阅读 0赞

# 问题描述 #

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

# 解决 #

*  打开小程序后台  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]
 *  添加插件  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 1]
 *  搜索腾讯视频，然后点击添加按钮  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 2]
 *  点击详情可以查看具体的使用信息  
    `注意这里的APPID和版本号，后面要用到`  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 3]

# 实操代码 #

## manifest.json ##

在mp-weixin中加入如下代码

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 4]

## 在pages.json中 ##

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

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 5]

## 在要用到的页面 ##

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

# 参考资料 #

[小程序的开发文档][Link 1]

[小程序官方给出的案例][Link 2]

[Vue/微信小程序 – 引入腾讯视频][Vue_ _]

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]: /images/20221021/34e88530027e4f0c8527d064c096e2bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 1]: /images/20221021/5531c8d0fef04770bed9c1eb72ba67ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 2]: /images/20221021/7d583650b747454f9b8159cecc6246c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 3]: /images/20221021/8e74bec3b4214eb5b5d845e8be724708.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 4]: /images/20221021/02fd42f897ea42fc8853906c82e04bab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 5]: /images/20221021/82f8ea3b3cf94fa8a28ba49f80bb6a3c.png
[Link 1]: https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b&token=759283066&lang=zh_CN
[Link 2]: https://github.com/tvfe/txv-miniprogram-plugin
[Vue_ _]: https://blog.csdn.net/qq_41638795/article/details/104922395?utm_medium=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~default-5.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~default-5.control
[uni-app_]: https://blog.csdn.net/kouryoushine/article/details/102941177