2013-06-24 19 views
5

Youtube Javascript APIを使用する。 「再生」ボタンをクリックしたときにビデオをフルスクリーンで再生する方法はありますか?再生中:Youtube Videoフルスクリーンを作成する

私はvideo container full screenを作成する方法に注意していますが、これはFirefoxとChromeの最新バージョンでのみ機能します。

Youtube Javascript APIでこれを行う方法がない場合は、再生をクリックするとYouTube動画をフルスクリーンにすることができるクロスブラウザの方法を教えてください。

これは遊びがFirefoxと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> 

答えて

関連する問題