收藏
评论

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

首先要登录微信公众平台,在你的小程序后台的设置-第三方服务—插件管理,搜索插件并点击添加,之后等待插件开发者的同意申请。(备注:如果你的申请迟迟未通过,可以在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()


收藏

14 个评论

  • 大洪
    大洪
    2021-02-04

    关键视频地址不能用自己的,一定要上传腾讯视频里后才可使用,这样开发无意义可言吧?

    2021-02-04
    赞同 1
    回复
  • 橘子🍊
    橘子🍊
    2020-01-13

    请问能否支持 js api 的方式开启、关闭静音?

    2020-01-13
    赞同 1
    回复
  • ♚小 呆。。
    ♚小 呆。。
    2018-07-09

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

    2018-07-09
    赞同 1
    回复 2
    • 蹲坑Boy和TF女孩
      蹲坑Boy和TF女孩
      2018-07-09

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

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

      谢谢


      2018-07-09
      回复
  • jimmy
    jimmy
    2023-03-13

    请问一下,在自己的小程序中,使用腾讯视频,那小程序还需要视频资质吗(选择类目)?

    2023-03-13
    赞同
    回复
  • Mr.Wu
    Mr.Wu
    2021-06-25

    vid从哪儿拿?

    2021-06-25
    赞同
    回复 2
    • 郭金亮
      郭金亮
      2022-01-11
      腾讯官方有没有vid列表的api接口呢
      2022-01-11
      回复
    • ☀Peter
      ☀Peter
      09-25
      你们有找到怎么批量获取VID的接口吗?
      09-25
      回复
  • 💤 Soul
    💤 Soul
    2020-05-11

    playerid="txv1"

    代表什么意思呢?

    2020-05-11
    赞同
    回复
  • 小样就这样
    小样就这样
    2019-12-20

    引入腾讯视频插件出现源码超出限制,怎么解决

    2019-12-20
    赞同
    回复
  • Sc
    Sc
    2019-08-13

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

    2019-08-13
    赞同
    回复
  • 十二
    十二
    2018-12-17



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


    2018-12-17
    赞同
    回复
  • KK
    KK
    2018-07-12

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

    2018-07-12
    赞同
    回复 1
    • 吕金朋
      吕金朋
      2020-09-24
      兄弟请问这个问题解决了吗
      2020-09-24
      回复

正在加载...

登录 后发表内容