2012-08-10 3 views
25

Estoy intentando cargar un video de Youtube en la página de inicio (Chromeless) usando JavaScript API. Hasta ahora he logrado que sea auto play, hd720 y fadeOut el video una vez que haya terminado.Youtube Player API ocultar controles, ocultar información, ocultar videos relacionados?

Pero no puedo encontrar la forma de eliminar controles, ocultar información y no cargar videos relacionados al final.

sé en inserción iframe puedo usar debajo de los parámetros

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

Pero no puedo encontrar manera de utilizar estos parámetros en YouTube API del reproductor se muestran a continuación. ¿Alguna sugerencia?

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

Respuesta

30

Puede establecer '' playerVars en el segundo parámetro de "YT.Player": https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

+0

muchas gracias, me preguntaba dónde usar esos parámetros. – AK4668

+0

gracias, también lo eché de menos ... – Benjamin

+3

¿Puedes cambiar los valores de jugador dinámicamente? Quiero poder ocultar los controles por defecto pero luego poder exponerlos si el usuario hace clic en un botón. – asutherland

17

Me trataron como este, y funciona bien para mí.

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