收藏
回答

video组件视频播放不了?

<block wx:for="{{videoList}}" wx:key="index">
    <view class="university-item">
      <video class="myVideo" id="myVideo{{index}}" src="{{item.videoUrl}}" binderror="videoErrorCallback" danmu-list="{{danmuList}}" show-center-play-btn="{{false}}" show-play-btn="{{true}}" controls picture-in-picture-mode="{{['push', 'pop']}}" poster="{{item.coverUrl}}"></video>
      <image wx:if="{{index!=indexCurrent}}" data-index="{{index}}" class="play-icon" src="../../assets/images/pageIcon/play_icon.png" bindtap="playVideo"></image>
    </view>
  </block>


data: {
    videoList: [],
    pageNum: 1,
    hasLoadingOver: false,
    isLoading: false,
    hasEmptyList: false,
    indexCurrent: null
  },
  playVideo(e) {
    const curIdx = e.currentTarget.dataset.index
    // 没有播放时播放视频
    if (this.data.indexCurrent !== null) {
      const videoContextPrev = wx.createVideoContext('myVideo' + this.data.indexCurrent)
      if (this.data.indexCurrent !== curIdx) {
        videoContextPrev.pause()
      }
    }
    const videoContext = wx.createVideoContext('myVideo' + curIdx) // 这里对应的视频id
    videoContext.play()
    this.setData({
      indexCurrent: curIdx
    })
  },


回答关注问题邀请回答
收藏

3 个回答

  • 郑钱花
    郑钱花
    2020-06-28

    video标签不要放多个。一个页面就一个video标签就够了。官方建议都不要超3个。

    你竟然还放在数组循环里

    2020-06-28
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2020-06-28

    你好,请打印binderror排查。

    2020-06-28
    有用
    回复 1
    • 从容
      从容
      2020-06-28
      ERR_INSUFFICIENT_RESOURCES,资源不足
      2020-06-28
      回复
  • 答题小程序
    答题小程序
    2020-06-28

    这个效果类似于轮播图加视频 轮播?

    2020-06-28
    有用
    回复 1
    • 从容
      从容
      2020-06-28
      不是,是只能播放一个,其他暂停
      2020-06-28
      回复
登录 后发表内容
问题标签