Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Ejecutar acción al terminar reproducción de vídeo youtube

youtube-api
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
0
Resp
430
Visitas
Por alber hace 9 meses
Administrador offline

Relaccionados

Para comentar Inicia sesión o Registrate