javascript - JW Player 停止播放多个视频

Question

我在同一页面中有多个视频。然而，我可以同时播放多个视频并一起聆听每个视频。当我开始另一个视频时 - 正在播放的视频必须关闭。

<div class="tab-pane active" id="abc"><div class="panel-body">
    <script src="//content.jwplatform.com/players/abc.js"></script></div>
</div>
 <div class="tab-pane" id="def"><div class="panel-body">
    <script src="//content.jwplatform.com/players/def.js"></script></div>
</div>
<div class="tab-pane" id="ghi"><div class="panel-body">
 <script src="//content.jwplatform.com/players/ghi.js"></script></div>
</div>
<div class="tab-pane" id="jkl"><div class="panel-body">
   <script src="//content.jwplatform.com/players/jkl.js"></script>   </div>
</div>

Answer 1

您的 HTML 可能如下所示:

  <div id='player1'></div>
  <div id='player2'></div>
  <div id='player3'></div>

这是你的 js 应该做的事情。密切关注 onPlay 事件:

jwplayer("player1").setup({
  playlist: [{
    file: "bbb_sunflower_1080p_60fps_normal.mp4"
    }],
        width: 300,
        aspectratio: '16:9',
        events: {
          onPlay: function() {
            jwplayer('player2').stop();jwplayer('player3').stop();
          },
          onComplete: function() {
            //something can happen at the end of the video here if you'd like.
          }
        },
      });
//etc.

演示:http://codepen.io/simsketch/pen/LxpmWx

希望这有帮助!