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

Надеется, что это помогает!

Answer 2

JW Player имеет пример кода для этого:

https://developer.jwplayer.com/jw-player/demos/basic/mutually-exclusive/

Вашей установка кажется выключена, хотя, вы не должны иметь несколько библиотек игроков, поэтому, скорее всего, у вас есть несколько однострочные встраивает который также не самое лучшее, что нужно сделать. Я предложил бы использовать код, аналогичный описанному в вышеупомянутом документе, у вас есть один облако размещенного игрока и вызвать

jwplayer('DIV_ID').setup(); 

для каждого игрока.