Vimeo Player останавливает другое видео при воспроизведении любого видео - PullRequest
Новая
       77

Vimeo Player останавливает другое видео при воспроизведении любого видео

0 голосов
/ 29 августа 2018

У меня на странице 2 проигрывателя Vimeo, когда я проигрываю первое видео, затем воспроизводю второе видео, а первый останавливается. 

var vid1=new Vimeo.Player($('.one'));
var vid2=new Vimeo.Player($('.two'));
$('.btnonePlay').on('click',function(){
    vid1.play();
})
$('.btnonePause').on('click',function(){
    vid1.pause();
})
$('.btntwoPlay').on('click',function(){
    vid2.play();
})
$('.btntwoPause').on('click',function(){
    vid2.pause();
})

Шаги о том, как воспроизвести проблему:

  1. Нажмите на видео воспроизведения один
  2. Нажмите на видео воспроизведения два

Игрок первый остановится при нажатии кнопки «Воспроизвести видео два» .

Рабочий пример для jsFiddle .

Весь код также находится во фрагменте ниже. 

var vid1 = new Vimeo.Player($('.one'));
var vid2 = new Vimeo.Player($('.two'));
$('.btnonePlay').on('click', function() {
  vid1.play();
})
$('.btnonePause').on('click', function() {
  vid1.pause();
})
$('.btntwoPlay').on('click', function() {
  vid2.play();
})
$('.btntwoPause').on('click', function() {
  vid2.pause();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="one">
  <iframe src="https://player.vimeo.com/video/286183716" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  <p><a href="https://vimeo.com/286183716">Annihilation Song | Rubblebucket (Official Music Video)</a> from <a href="https://vimeo.com/amandabonaiuto">Amanda Bonaiuto</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</div>
<button class="btnonePlay"> Play video one</button>
<button class="btnonePause"> Pause video one</button>

<div class="two">
  <iframe src="https://player.vimeo.com/video/286183716" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  <p><a href="https://vimeo.com/286183716">Annihilation Song | Rubblebucket (Official Music Video)</a> from <a href="https://vimeo.com/amandabonaiuto">Amanda Bonaiuto</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</div>
<button class="btntwoPlay"> Play video two</button>
<button class="btntwoPause"> Pause video two</button>

1 Ответ

0 голосов
/ 29 августа 2018

По умолчанию в наших видео Vimeo мы включаем autopause. Автопауза - это когда одно видео автоматически приостанавливается, когда другое начинает воспроизводиться. Большинство людей не хотят, чтобы два видео воспроизводились одновременно.

Однако, если вы хотите, вы можете отключить автопаузу, используя параметр embed, прикрепленный к URL ?autopause=0. Я настроил ваш jsfiddle для работы соответственно. Рабочая JSFiddle!

Подробнее о доступных параметрах встраивания можно узнать в нашем API readme или в справочной статье .

...