收藏
回答

自定义组件中使用视频组件控制createVideoContext无效

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug createVideoContext 工具 6.6.7 1.02.1805150





page页面 wxml:


<view class='container'>

   <xdvideo></xdvideo>

</view>

<video id='v' bindtap='pauses' src="https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/999224954912247808/1f5e666d79deb1dfa16eb8a18b81.mp4" controls="{{false}}"></video>

<button bindtap='play'>播放</button >


js:

play() {  var videoContext = wx.createVideoContext('v')  videoContext.play() }, pauses(e) {  var videoContext = wx.createVideoContext(e.target.id)  videoContext.pause() }


page页视频可正常播放暂停



xdvideo组件 wxml:


<view class="xdvideo" >

   <video id="vvv" bindtap='pause' class="video" src='{{src}}' controls="{{false}}" objectFit="fill"></video>

</view>

<button bindtap='play'>play</button>


js:

Component({  properties: {    src: {      type: String,      value: 'https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/999224954912247808/1f5e666d79deb1dfa16eb8a18b81.mp4'    },    thumbUrl: {      type: String,      value: 'https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/998528282842386432/d1105c59996258cfd5d59784afda.png'    }  },  data: {    played: false  },  methods: {    play(e) {      this.setData({        played: true      });      var videoContext = wx.createVideoContext('vvv');      videoContext.play();    },    pause(e) {      var videoContext = wx.createVideoContext(e.target.id);      videoContext.pause();    }  } })


xdvideo组件页无法控制播放暂停,有人说是因为组件中不能使用id,想确认下原因,现在需求必须在组件中使用createVideoContext,而该控件只能绑定id

最后一次编辑于  2018-06-07  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

5 个回答

  • 娇华
    娇华
    2018-06-07

    你好,video组件没有限制说不能够使用id,建议提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2018-06-07
    赞同
    回复 8
    • KevinRuan
      KevinRuan
      2018-06-08

      这是我的代码片段     wechatide://minicode/uoLmqomO7VoS

      2018-06-08
      回复
    • 黄思程
      黄思程
      2018-06-11

      你好,传了this后,在真机上预览是否可行

      2018-06-11
      回复
    • KevinRuan
      KevinRuan
      2018-06-11回复黄思程

      好的,在真机上可以的,模拟上不行

      2018-06-11
      回复
    • 黄思程
      黄思程
      2018-06-11

      你好,问题已确认,我们近期就会修复

      2018-06-11
      1
      回复
    • TDZ
      TDZ
      2018-06-28

      我也碰到了这个问题,传第二个参数把this,传进去就好了

      2018-06-28
      1
      回复
    查看更多(3)
  • 黄思程
    黄思程
    2018-06-08

    createVideoContext第二个参数传入this,把组件实例传进去

    2018-06-08
    赞同
    回复 2
    • .
      .
      2018-06-08

      createVideoContext这个可以传参数this,那这些方法怎么办我看了一下在conpoent组件里面是没有执行的

      2018-06-08
      1
      回复
    • KevinRuan
      KevinRuan
      2018-06-08

      传了this也没执行,你可以试试我回复1楼的片段代码

      2018-06-08
      回复
  • .
    .
    2018-06-08

    在自定义组件里面点击视频播放bindplay()也不执行

    2018-06-08
    赞同
    回复
  • TDZ
    TDZ
    2018-06-28

    谢谢大佬

    2018-06-28
    赞同
    回复
  • Teo
    Teo
    2018-08-17

    遇到同样的问题,真机可以播放,开发者工具还是不行

    2018-08-17
    赞同
    回复