当您播放任何视频时,Vimeo播放器会暂停另一个视频

时间:2018-08-29 06:23:09

标签: vimeo vimeo-api vimeo-player

当我播放第一个视频然后播放第二个视频时,我的页面上有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. 点击两个播放视频

点击“播放视频二” 按钮时,播放器一会暂停。

Working example on 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 :(得分:2)

默认情况下,我们在Vimeo视频上启用autopause。自动暂停是指当一个视频开始播放时自动暂停的时间。大多数人不希望同时播放两个视频。

但是,如果您确实希望通过使用附加在URL ?autopause=0上的embed参数可以关闭自动暂停。我已经调整了您的jsfiddle以使其相应工作。 Working JSFiddle!

您可以从我们的API readme或此help article了解更多有关可用嵌入参数的信息。

相关问题