2012-08-10 120 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, 
    } 
});