現在のビデオを再生するには、アプレット、他のすべてのビデオの一時停止

どのように動作します。その後、1.現在のビデオをクリックし、最初のビデオが再生されているかどうかを判断する、そうでない場合は、すぐに選手、そうであれば、他のビデオを一時停止し、現在のビデオを再生

データ:{
    indexCurrent:ヌル
  }、
方法:{
    // 唯一の他のビデオを一時停止し、動画を再生し
    、インスタンスvideo_play(E){
       VAR curIdx = e.currentTarget.idを;
       // ビデオ再生再生できない
      // にconsole.log(curIdx)
      IF(!この.data.indexCurrent){
         これを.setData({
          現在のインデックス:curIdx
        })
        VAR videoContext = wx.createVideoContext(curIdx、この// 対応する動画ID 
        videoContext.play()
      }  { // ときに最初前のプレイポーズは、現在のクリック現在プレー
        VAR(videoContextPrev = wx.createVideoContext この、.data.indexCurrentをこの// これはカスタムコンポーネントで、この現在のコンポーネントのインスタンス、アセンブリビデオコンポーネントの動作中(TCMにおけるカスタムコンポーネントに加え、それがある場合、これは、すなわち、通常のページは、追加の必要がない)
        IFこの .data.indexCurrent!= curIdx){
          console.log( 123 
          videoContextPrev.pause()
          この.setData({
            現在のインデックス:curIdx
          })
          VAR videoContextCurrent = wx.createVideoContext(curIdx、この
          videoContextCurrent.play()
        }
      }
    }、

WXML

< ビデオ   bindtap = "video_play" ID = "{{item.sid}}" ポスター= "{{item.thumbnail}}" 自動ポーズIF-オープンネイティブWX:ELIF = "{{item.type == 'ビデオ'}}」SRC = "{{item.images}}" SRC = "{{item.video}}" > </ ビデオ>

 

おすすめ

転載: www.cnblogs.com/zwnsyw/p/12536006.html