Vimeo iframe 嵌入的视频只会自动暂停其他 Vimeo iframe当播放同一页面上的 YouTube iframe 时,它​​们不会暂停

问题描述

我在一个页面上嵌入了 4 个视频。 2 个 Vimeos 和 2 个 YouTube。我正在使用 YouTube API 以便在单击另一个视频时暂停页面上的任何视频。它工作得很好。然而,Vimeos 只为彼此自动暂停,而不是 YouTube。这是页面链接

https://laluna.us/embed

我想答案可能在这页面 https://github.com/vimeo/player.js 上,但是我的 js 不是很好。提前致谢!

这是代码


      var tag = document.createElement('script');
      tag.src = "https://youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);

   
      onYouTubeIframeAPIReady = function onYouTubeIframeAPIReady() {

        player1 = new YT.Player('player1',{
          events: {
            'onReady': onPlayerReady
          }
        });

        player2 = new YT.Player('player2',{
          events: {
            'onReady': onPlayerReady
          }
        });

      }

       if($(window).width() <= 860){
          function onPlayerReady(event) {
             event.target.mute();
            event.target.playVideo();
          }
        }
      

       $('.playbtn2,.playbtn3,.playbtn4').click(function(){
           player1.stopVideo()
        });  

       $('.playbtn1,.playbtn4').click(function(){
            player2.stopVideo()
        });  


       $('.playbtn1,.playbtn2,.playbtn4').click(function() {
         $('#player3').stopVideo();
       }); 

       $('.playbtn1,.playbtn3').click(function() {
         $('#player4').stopVideo();
       });   


    // Prevents auto fullscreen and enables inline play on iOS devices
     $data['html'] = str_ireplace("allowfullscreen"," playsinline=1 webkit-playsinline=1",$data['html']);
     $data['html'] = str_ireplace("?feature=oembed","?autoplay=0&playsinline=1&webkit-playsinline=1",$data['html']);
     //end 


})( jQuery ); 

也在下面尝试了这段代码,它实际上可以暂停 Vimeo。然后我刷新了页面,它停止工作了,好奇怪。

var iframe = $('#player3')[0];
var player = new Vimeo.Player(iframe);

$('.pausethis').click(function() {
    player.api('pause');
});

是否需要一些代码来初始化 Vimeo 播放器?我一直在网上寻找答案,但似乎没有任何效果

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)