微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。