Vidéo HTML5 boucle src changement sur la fin de la fonction de lecture ne fonctionne pas

J'ai un certain nombre de vidéos une par une dans le même lecteur vidéo HTML5

HTML

<video id="homevideo" width="100%" autoplay autobuffer>
    <source src="app/video1.mp4" type='video/mp4' />
</video>

JS

video_count = 1;
videoPlayer = document.getElementById("homevideo");
videoPlayer.addEventListener("ended", function (){
    video_count++;
    if (video_count == 4) video_count = 1;
    var nextVideo = "app/video" + video_count + ".mp4";
    videoPlayer.src = nextVideo;
    videoPlayer.play();
}, false);

Si j'ai mis une alerte avant de jouer, ça fonctionne. Mais sans l'alerte, il n'est pas. Initialiser la deuxième lecture de la vidéo:

videoPlayer.src = nextVideo;
alert("a");
videoPlayer.play();

OriginalL'auteur Dhamu | 2013-07-08

  1. 12

    L'élément html5 video est un type d'onended, vous n'avez pas besoin de votre propre eventlistener.

    Html:

    <video id="homevideo" width="100%" autoplay onended="run()">
    <source src="app/video1.mp4" type='video/mp4'/>
</video>

    et

    Script:

    video_count =1;
videoPlayer = document.getElementById("homevideo");

function run(){
        video_count++;
        if (video_count == 4) video_count = 1;
        var nextVideo = "app/video"+video_count+".mp4";
        videoPlayer.src = nextVideo;
        videoPlayer.play();
   };

    PS: Gardez à l'esprit que le fait de fournir un seul format de votre vidéo n'est pas suffisant car pas un seul format est pris en charge par tous les principaux navigateurs encore.

    EDIT:

    LIEN

    Source: w3schools

    À Des Événements Médiatiques

    Des événements déclenchés par les médias comme des vidéos, des images et de l'audio (s'applique à tous les éléments HTML, mais est plus fréquente dans les médias éléments, comme <audio>, <embed>, <img>, <object>, et <video>):

    onended:
    Script à exécuter lorsque le support a atteint la fin (utile en cas de messages du type "merci pour l'écoute")

    Est-il un lien de référence pour les " onended propres à un type d'événement en vidéo HTML5?
    sa ne fonctionne pas....
    .la méthode addEventListener("terminé",... travaille...mais pour la prochaine vidéo jouer son pas de tir.... si je mais alerte, il va jouer avec le feu correctement
    Mon code et même votre propre fonctionne parfaitement bien ici. Assurez-vous que votre script ist situé après le <video> Élément, c'est la seule raison pour laquelle je peux penser à pourquoi il ne fonctionne pas pour vous.

    OriginalL'auteur Frank