Ejecutar acción al terminar reproducción de vídeo youtube
En este ejemplo vamos a saber como ejecutar una función o acción al terminar la reproducción de un vídeo de youtube insertado en nuestra web utilizando un poco de javascript es decir justo cuando el vídeo acabe realizamos una determinada acción y esto lo conseguimos con la propia API de youtube de una manera muy sencilla.
Ahora vamos con el código de ejemplo, tener en cuenta que también tenemos que cargar el vídeo con la API de youtube o al menos así lo hacemos en este ejemplo:
<div id="player"></div> <div id="texto"></div> <script src="http://www.youtube.com/player_api"></script> <script> // create youtube player var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player', { height: '390', width: '640', videoId: '4eJ7NGllyw0', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } // autoplay video function onPlayerReady(event) { event.target.playVideo(); } // when video ends function onPlayerStateChange(event) { if(event.data === 0) { //Ejecutar acción!!!!!!!!!! document.getElementById('player').style="display:none"; document.getElementById('texto').innerHTML="Ya ah terminado!"; } } </script>Demo
0
Puntos
Puntos
2174
Visitas
Visitas
0
Resp
Resp
Por alber hace 85 meses
Administrador