2012-08-10 19 views
25

Ich versuche, ein Youtube-Video auf der Startseite (Chromeless) mit JavaScript-API zu laden. Bisher habe ich es geschafft, es auto play, hd720 und fadeOut das Video zu machen, sobald es fertig ist.Youtube Player API verstecken Kontrollen, Informationen ausblenden, Verwandte Videos ausblenden?

Aber ich kann keinen Weg finden, um Steuerelemente zu entfernen, Informationen ausblenden und am Ende kein zugehöriges Video zu laden.

Ich weiß, in Iframe einbetten kann ich unter Parameter verwenden

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

Aber ich kann nicht, diese Parameter in YouTube-Player-API zu verwenden, finden weiter unten. Irgendwelche Vorschläge?

<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); 
      } 
     } 

Antwort

30

Sie können 'playerVars' im zweiten Parameter von "YT.Player" gesetzt: https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

+0

vielen dank, ich frage mich, wo diese parameter zu verwenden. – AK4668

+0

danke, das habe ich auch vermisst .. – Benjamin

+3

Können Sie die Player Vars dynamisch ändern? Ich möchte in der Lage sein, die Steuerelemente standardmäßig auszublenden, sie dann jedoch anzuzeigen, wenn der Benutzer auf eine Schaltfläche klickt. – asutherland

17

ich es so versucht, und es funktioniert gut für mich.

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