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...
Hola,
Primero, tienes que incluir la API.
<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
Luego, crear un objecto cuando se cargue la función onYouTubePlayerAPIReady()
<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
<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 =)
<div>
<input type="button" onclick="reproductor.playVideo();" value="Reproducir video" />
<input type="button" onclick="reproductor.pauseVideo();" value="Pausar video" />
</div>
Saludos
muchas gracias lo probare y te dire q tal me fue