在开发一个小程序项目时,需要在页面中观看视频,就需要使用到微信小程序的腾讯视频插件,这样就可以在页面中引用腾讯视频,而无需使用自己的服务器进行视频的播放,节约了很大的服务器开支。但是微信小程序插件的文档写的很不清楚,因此将我的解决方法写在这里。
进入微信公众平台,在设置中找到第三方服务,在插件管理中添加插件。搜索到腾讯视频,点击添加,同时打开腾讯视频的详情,在里面找到该插件的appid与版本号。
接着是代码部分,在app.json中添加
"plugins": { "tencentVideo": { "version": "1.1.1", "provider": "wxa75efa648b60994b" }
其中version是版本号,provider是appid。
官方文档并没有关于该方法的具体说明,所以会导致出现无法找到对应playerid的txv-video的问题
打开想要使用插件页面的json文件,在里面添加
"usingComponents": { "txv-video": "plugin://tencentVideo/video" }
这就代表着可以在页面中使用txv-video组件啦
进入wxml文件,在里面添加
<txv-video vid="vid" playerid="txv1"></txv-video>
这一步很简单,vid是腾讯视频的vid,playerid是该txv-video唯一识别码,这个组件不能通过css进行样式修改
如果你不想在js中对该插件进行控制的话,可以不引入。
const TxvContext = requirePlugin("tencentVideo"); let txvContext = TxvContext.getTxvContext('txv1'); txvContext.play(); //播放
这就是引用腾讯视频插件的全部过程了,希望能够帮助到一样使用这个插件遇到问题的人。
z
小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。更多小程序商店请查看:小程序商店
KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!
小程序video控件用来实现播放视频的效果,是小程序基本的系统组件,下面为大家介绍要如何使用。...
近期微信官方宣布内测,小程序接口可授权第三方快速创建,并且一个月可以注册5个小程序。...