2013-06-24 10 views
5

Korzystanie z API JavaScript Youtube; Czy istnieje sposób, aby wideo odtwarzało się na pełnym ekranie po kliknięciu przycisku "Odtwórz"?W Play: Make Youtube Video Full Screen

Jestem świadomy sposobu na wykonanie video container full screen, ale działa to tylko w najnowszych wersjach Firefoksa i Chrome.

Jeśli nie można tego zrobić za pomocą interfejsu API JavaScript YouTube, czy znasz sposób Cross Browser?

W ten sposób można zrobić film na pełnym ekranie podczas odtwarzania kliknięciu na najnowszych wersjach przeglądarek Firefox i Chrome:

 function onPlayerStateChange(event) { 
      var player = document.getElementById("MSJbUEj7U7M"); 
      if (event.data != YT.PlayerState.BUFFERING && event.data != YT.PlayerState.CUED && event.data != YT.PlayerState.PLAYING) 
       return -1; 

      if (player.requestFullScreen) { 
       console.log("1()"); 
       player.requestFullScreen(); 
      } 
      else if (player.mozRequestFullScreen) { 
       console.log("2()"); 
       player.mozRequestFullScreen(); 
      } 
      else if (player.webkitRequestFullScreen) { 
       console.log("3()"); 
       player.webkitRequestFullScreen(); 
      } 
     } 

     function loadYouTubeVideo(uid) { 
      setTimeout(function() { 
         var id   = uid; 
         var instPlayer = new YT.Player(id, { 
          height: '480', 
          width: '853', 
          enablejsapi: 1, 
          suggestedQuality: 'highres', 
          videoId: uid, 
          events: { 
           'onStateChange': onPlayerStateChange 
          } 
         }); 
       }, 500); 
     } 
    </script> 

Odpowiedz