收藏
回答

video组件实现只能播放一个视频,其他视频暂停,在开发工具和手机预览上都能实现,在真机就暂停不了?

<video id="myVideo0class="favoriteVideo"  src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"

          binderror="videoErrorCallback

          data-id="0"

          bindplay="videoPlay"

          show-center-play-btn='{{true}}' 

          show-play-btn="{{true}}" 

          controls

          object-fit="contain"

          auto-pause-if-navigate="{{true}}"

      ></video>

<video id="myVideo1class="favoriteVideo"  src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"

          binderror="videoErrorCallback"

          data-id="1"

          bindplay="videoPlay"

          show-center-play-btn='{{true}}' 

          show-play-btn="{{true}}" 

          controls

          object-fit="contain"

          auto-pause-if-navigate="{{true}}"

      ></video>

js

  videoPlay: function(e){

     console.log('video',e);

     let that = this;

     let id = e.currentTarget.dataset.id;

      // 没有播放时播放视频

      if (!this.data.indexCurrent{

        console.log('132132')

        this.setData({

          indexCurrent: id

        })

        var videoContext = wx.createVideoContext('myVideo'+id//这里对应的视频id

        videoContext.play()

      } else { // 有播放时先将prev暂停,再播放当前点击的current

        console.log('45666')

        console.log('ds',this.data.indexCurrent)

        if (this.data.indexCurrent != id{

          var videoContextPrev = wx.createVideoContext('myVideo'+ this.data.indexCurrent)

          videoContextPrev.pause()

        }

        this.setData({

          indexCurrent: id

        })

        var videoContextCurrent = wx.createVideoContext('myVideo'+id);

        videoContextCurrent.play()

      }

  },


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

1 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    2022-02-27

    请具体描述问题出现的流程,按照链接提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-02-27
    有用
    回复
登录 后发表内容