请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

jeesite

 找回密码
 注册新会员
查看: 248|回复: 0

小程序引入视频插件

[复制链接]
admin 发表于 2018-7-27 17:24:41 | 显示全部楼层 |阅读模式
  1. 一、在小程序中引入插件。
  2. 进入微信公众平台,在设置中找到第三方服务,在插件管理中添加插件。搜索到腾讯视频,点击添加,同时打开腾讯视频的详情,在里面找到该插件的appid与版本号。
  3. 接着是代码部分,在app.json中添加
  4.   "plugins": {
  5.     "tencentVideo": {
  6.       "version": "1.1.1",
  7.       "provider": "wxa75efa648b60994b"
  8.     }
  9. 其中version是版本号,provider是appid。
  10. 二、在需要使用的页面中引用该插件的组件
  11. 官方文档并没有关于该方法的具体说明,所以会导致出现无法找到对应playerid的txv-video的问题
  12. 打开想要使用插件页面的json文件,在里面添加
  13. "usingComponents": {
  14.     "txv-video": "plugin://tencentVideo/video"
  15.   }
  16. 这就代表着可以在页面中使用txv-video组件啦
  17. 三、在页面中使用组件
  18. 进入wxml文件,在里面添加
  19. <txv-video vid="vid" playerid="txv1"></txv-video>
  20. 这一步很简单,vid是腾讯视频的vid,playerid是该txv-video唯一识别码,这个组件不能通过css进行样式修改
  21. 四、在js中进行引入
  22. 如果你不想在js中对该插件进行控制的话,可以不引入。
  23.     const TxvContext = requirePlugin("tencentVideo");
  24.     let txvContext = TxvContext.getTxvContext('txv1');
  25.     txvContext.play(); //播放
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册新会员

本版积分规则

QQ|手机版|小黑屋|Archiver|jeesite 官方论坛. ( 吉ICP备12004769号  

GMT+8, 2018-11-15 10:23 , Processed in 0.125000 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表