2012-08-10 20 views
25

Sto provando a caricare un video di Youtube nella home page (Chromeless) utilizzando l'API JavaScript. Finora sono riuscito a farlo riprodurre automaticamente, hd720 e dissolvenza, il video una volta terminato.L'API di YouTube Player nasconde i controlli, nasconde le informazioni, nasconde i video correlati?

Ma non riesco a trovare un modo per rimuovere i controlli, nascondere informazioni e non caricare il video correlato alla fine.

conosco in iframe embed posso usare sotto parametri

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

Ma non riesco a trovare modo di utilizzare questi parametri in YouTube Player API indicati di seguito. Qualche suggerimento?

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

risposta

30

È possibile impostare 'playerVars' nel secondo parametro di "YT.Player": https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

+0

molte grazie, mi chiedevo dove usare questi parametri. – AK4668

+0

grazie, ho perso anche questo .. – Benjamin

+3

Puoi cambiare i giocatori in modo dinamico? Voglio essere in grado di nascondere i controlli per impostazione predefinita, ma in seguito essere in grado di esporli se l'utente fa clic su un pulsante. – asutherland

17

ho provato in questo modo, e funziona bene per me.

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