加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序腾讯视频插件使用示例

2019-07-31 09:11:17 来源:沈阳小程序开发 作者:沈阳软件开发

在开发小程序项目时,您需要在页面上观看视频。您需要使用腾讯视频插件到微信小程序,这样您就可以在页面上引用腾讯视频而无需使用自己的服务器来播放视频,从而节省了大量资金。服务器费用。但是微信小程序插件的文档很不清楚,所以在这里写我的解决方案。

21708-1PG01521433L.png

一、在小程序中引入插件。

转到微信公共平台,在设置中找到第三方服务,并在插件管理中添加插件。搜索腾讯视频,单击添加,然后打开腾讯视频的详细信息,找到该插件的appid和版本号。

接下来是代码部分,在app.json中添加

'plugins': {'tencentVideo': {'version':'1.1.1','provider':'wxa75efa648b60994b'}

版本号是版本号,提供者是appid。

二、在需要使用的页面中引用该插件的组件

官方文档没有具体的方法描述,因此会导致无法找到相应的播放器txv视频的问题

打开要使用插件页面的json文件并将其添加到

中 'usingComponents': {'txv-video':'插件: //tencentVideo/video'}

这意味着您可以使用页面上的txv-video组件

三、在页面中使用组件

输入wxml文件并将其添加到

这一步很简单,vid是腾讯视频的vid,playerid是txv-video的唯一标识符,这个组件不能被css修改

四、在js中进行引入

如果您不想在js中控制插件,则无法引入它。

Const TxvContext=requirePlugin('tencentVideo'); let txvContext=TxvContext.getTxvContext('txv1'); txvContext.play(); //播放

这是参考腾讯视频插件的整个过程,我希望能帮助那些遇到同样问题的人使用这个插件。

HiShop小程序工具提供多种类型的商城/商店小程序制作,可视化编辑1秒,在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。有关更多小程序商店,请参阅:小程序商店

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。