2012-08-10 122 views
25

我想在使用JavaScript API的主頁(Chromeless)中加載Youtube視頻。 到目前爲止,我設法使它自動播放,HD720和淡出視頻一旦完成。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」的第二個參數設置「playerVars」: https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

+0

非常感謝,我想知道在哪裏使用這些參數。 – AK4668 2012-08-11 03:42:20

+0

謝謝,我也錯過了.. – Benjamin 2014-02-14 09:04:50

+3

你可以動態改變玩家變量嗎?我希望能夠在默認情況下隱藏控件,但如果用戶單擊某個按鈕,則可以將它們公開。 – asutherland 2016-03-22 19:07:59

17

我試了一下這樣的,它爲我工作得很好。

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