Videos Youtube API

[basickdagger]

bueno quiero insertar un video de youtube en mi web, pero quiero cambiar algunas propiedades como reproducir al cargar, o parar la reproduccion en el click de alguna imagen, o con algun evento, el problema es q ya intente, leí un poco en el api de youtube

https://developers.google.com/youtube/youtube_player_demo?hl=es-ES

veo el ejemplo todo bonito y funcional, pero no consigo entender algunos puntos, o donde llamar los parametros para poder manejar el video con mis condiciones, no se si alguien ya este metido o sepa un poco sobre esto, especificamente me interesa como detener un video, o reproducir cuando cargue la pagina... apoyandome de javascript pueda cambiar esos parametros cuando me plazca, muchas gracias desde ya...

[#!drvy]

Hola,

Primero, tienes que incluir la API.

Código (html4strict) [Seleccionar] Expandir

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>

Luego, crear un objecto cuando se cargue la función onYouTubePlayerAPIReady()

Código (javascript) [Seleccionar] Expandir

<script type="text/javascript">
/* Esta función la llama la API una vez este cargada ..
* La variable "reproductor", se convertirá en global
* y podrás utilizarla donde quieras =)
*/
function onYouTubePlayerAPIReady() {
   /* Declaramos, el ID del iframe */
   reproductor = new YT.Player('ytplayer');
}
</script>

Añades el IFRAME

Código (html4strict) [Seleccionar] Expandir

<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/ffmnlUL8hOk?autoplay=1"
frameborder="0" allowfullscreen></iframe>

* El autoplay=1 del src, es para que se reproduzca automáticamente al cargarse.

Y luego, los botones de control =)

Código (html4strict) [Seleccionar] Expandir

<div>
<input type="button" onclick="reproductor.playVideo();" value="Reproducir video" />
<input type="button" onclick="reproductor.pauseVideo();" value="Pausar video" />
</div>

Saludos

[basickdagger]

muchas gracias lo probare y te dire q tal me fue