Блог

Главная - Вопросы по программированию - Встроенные видео Vimeo iframe автоматически включаются только для других кадров Vimeo iframe. Они не останавливаются, когда воспроизводится iframe YouTube на той же странице

Встроенные видео Vimeo iframe автоматически включаются только для других кадров Vimeo iframe. Они не останавливаются, когда воспроизводится iframe YouTube на той же странице

#javascript #youtube-api #vimeo-player

Вопрос:

У меня есть 4 видео встраивания на странице. 2 Vimeo и 2 YouTube. Я использую API YouTube, чтобы иметь возможность приостанавливать любое видео на странице при нажатии на другое. Это отлично работает. Однако 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, .playbtn3, .playbtn4').click(function(){
            player2.stopVideo()
        });  


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

       $('.playbtn1, .playbtn2, .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=0amp;playsinline=1amp;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? Я рыскал по Интернету в поисках ответа, но, похоже, ничего не работает.

Метки: ,