收藏
评论

微信小程序中腾讯视频插件的使用。

首先要登录微信公众平台,在你的小程序后台的设置-第三方服务—插件管理,搜索插件并点击添加,之后等待插件开发者的同意申请。(备注:如果你的申请迟迟未通过,可以在https://github.com/tvfe/txv-miniprogram-plugin的Issues里new issue一条,填写你的小程序名称,你的qq/微信号,申请时间。然后提交,等待通过,亲测很快就通过了使用申请。)

然后可以download下https://github.com/tvfe/txv-miniprogram-plugin上的腾讯视频小程序播放插件在本地,用通过申请的小程序appid打开下载的代码包在微信开发者工具中查看,可以看到一个简单的demo。预览扫描二维码可以在手机上测试。

————————————————————————————————————————————————————

补充:vid的获得。

在腾讯视频上登录你的qq或者微信,然后实名认证通过后,上传视频审核通过后,点击你的视频播放,在视频左下有个分享,点击后复制html代码到你的剪切板等地,然后在https的路径里找到vid,这个vid就是你视频的唯一vid值。之后把它放到组件txv-video的vid里。

使用:

1、先在你的小程序的app.json里声明使用插件的

  "plugins": {

    "myPlugin": {

      "version": "1.0.0",

      "provider": "wxxxxxxxxxxxxxxxxx"

    }

  },

使用腾讯视频插件就对应

  "plugins": {

    

    "tencentvideo": {

      

      "version": "1.1.1",

      

      "provider": "wxa75efa648b60994b"

    

    }

  

   }


2、在使用插件的页面的js文件里

const txvContext = requirePlugin("tencentvideo");


3、使用插件的自定义组件,在json中定义需要引入的自定义组件。使用plugin://协议

  "usingComponents": {

        "txv-video": "plugin://tencentvideo/video"

  }


4、页面上<txv-video vid="xxxxxxxx" playerid="txv1"></txv-video>


5、去看插件的使用方法,比如暂停,播放等。

先在onload中

this.txvContext = txvContext.getTxvContext('txv1');

然后在你的具体的函数中调用需要的方法,如

this.txvContext.pause()


最后一次编辑于  2018-06-29  (未经腾讯允许,不得转载)
复制链接收藏赞 1

11 个评论

  • 道哥-少儿编程城市合伙人
    道哥-少儿编程城市合伙人
    2018-06-29

    txvContext.getTxvContext('txv1');

    内部是如何实现的?

    2018-06-29
    赞同
    回复
  • 翟方云
    翟方云
    2018-07-02

    沒有貝体操作法,搞不懂

    2018-07-02
    赞同
    回复
  • ♚小 呆。。
    ♚小 呆。。
    2018-07-09

    开发工具里面没有内容,手机上有

    2018-07-09
    赞同
    回复
  • ♚小 呆。。
    ♚小 呆。。
    2018-07-09

    手机上有视频,开发者工具上没有,

    2018-07-09
    赞同
    回复 2
    • time
      time
      2018-07-09

      开发工具也会有bug,所以小程序开发都以真机为主,模拟器为辅。

      2018-07-09
      回复
    • ♚小 呆。。
      ♚小 呆。。
      2018-07-09

      谢谢


      2018-07-09
      回复
  • ♚小 呆。。
    ♚小 呆。。
    2018-07-10

    加入视频插件后,就这样了

    2018-07-10
    赞同
    回复 1
    • ♚小 呆。。
      ♚小 呆。。
      2018-07-10

      怎么解决


      2018-07-10
      回复
  • kk
    kk
    2018-07-12

    一进来就是看广告,怎么不自动播放广告呢

    2018-07-12
    赞同
    回复
  • 十二
    十二
    2018-12-17



    您好 怎么会报requireplugin未定义了?


    2018-12-17
    赞同
    回复
  • Sc
    Sc
    08-13

    在开发者工具上能够播放,手机上不能播放,Invoke event__onTvpEnded in component

    08-13
    赞同
    回复