2012-08-10 28 views
25

JavaScript APIを使用しているホームページ(Chromeless)にYoutubeビデオを読み込もうとしています。 これまでのところ、私はそれを自動再生、hd720にして、ビデオが完成したらfadeOutすることができました。Youtube Player APIコントロールを非表示にしたり、情報を非表示にしたり、関連するビデオを非表示にしますか?

しかし、コントロールを削除したり、情報を非表示にしたり、最後に関連するビデオを読み込まないようにする方法が見つかりません。

私はiframeの埋め込みに、私は以下を使用することができます知っているが

controls=0&showinfo=0&autoplay=1&rel=0 

パラメータしかし、私は、以下に示すYouTubeプレーヤーAPIでこれらのパラメータを使用する方法を見つけることができません。 提案がありますか?

<script src="http://www.youtube.com/player_api?enablejsapi=1&version=3"></script> 

    function onYouTubePlayerAPIReady() { 
      player = new YT.Player('video_chromeless', { 
       height: '800', 
       width: '450', 
       videoId: '', 
       events: { 
       'onReady': onPlayerReady, 
       'onStateChange': onPlayerStateChange 
       } 
      }); 
     } 
function onPlayerReady(event){ 
      player.setPlaybackQuality('hd720'); 
      event.target.playVideo(); 
     } 
function onPlayerStateChange(event) { 
      if(event.data === 0) { 
       $('#video_chromeless').fadeOut(600); 
      } 
     } 

答えて

30

あなたは「YT.Player」の2番目のパラメータで「playerVars」を設定することができます https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

+0

多くのおかげで、私はこれらのパラメータをどこで使用するのか不思議でした。 – AK4668

+0

ありがとう、私はあまりにもそれを逃した.. – Benjamin

+3

あなたは動的にプレーヤーvarsを変更できますか?私はデフォルトでコントロールを隠すことができるようにしたいが、ユーザーがボタンをクリックした場合にコントロールを公開できるようにしたい。 – asutherland

17

私はこのようにそれを試みたが、それは私のために正常に動作します。

player = new YT.Player(divId,{ 
    videoId : videoSrc , 
    playerVars: { 
     'autoplay': 0, 
     'controls': 1, 
     'rel' : 0, 
     'fs' : 0, 
    } 
}); 
関連する問題