Boucle les Vidéos HTML5 sur “terminé” Événement

Une vidéo html5 joue. Une fois qu'il a terminé, le script ci-dessous est appelée, ce qui incriments pour la prochaine vidéo, il ajoute à la ligne suivante et commence à le lire. Comment dois-je faire cela dans une boucle, donc une fois que la deuxième vidéo de la fin de la lecture, il ajoutera une troisième vidéo, et ainsi de suite?

<div>
    <video id="video0" autoplay>
        <source src="video0.mp4" />
    </video>
</div>

.

var i=0
$('video'+i).on("ended", function() {
    i++;
    $(this).parent().append('<br /><video id="video'
        + i
        + '" autoplay><source src="video'
        + i
        + '.mp4" /></video>');
    };

OriginalL'auteur Jordan Kizer | 2012-06-04

  1. 2

    Mise À Jour De Réponse:

    Après re-lecture de votre question et de voir les changements, ici, c'est une logique qui devrait faire ce que vous demandez...

    var i = 0;
var numVideos = 5;
var addVideo = function() {
    i++;
    var nextVideo=$('<video id="video'
        + i
        + '" autoplay><source src="video'
        + i
        + '.mp4" /></video>');
    nextVideo.on('ended', addVideo);
    $(this).after('<br />').after(nextVideo);
};
$('video0').on('ended', addVideo);

    Réponse Originale À Cette Question:

    Comment sur l'ajout de la loop attribut à votre video tag? W3 Ressources

    Désolé, je n'ai pas à m'expliquer. Je ne suis pas en train de boucler la même vidéo, je suis en train de créer une vidéo ci-dessous après le premier a fini de jouer, et de faire en sorte après que la deuxième vidéo est terminée, une troisième vidéo est créé ci-dessous, et ainsi de suite. J'ai édité mon premier post pour mieux refléter.
    J'ai reçu un bas de vote, donc j'ai mis à jour ma réponse d'après les nouveaux critères de la question.

    OriginalL'auteur Quantastical

  2. 1

    HTML 5 vidéo peuvent être bouclés à l'aide de la "loop" attribut:

    loop="loop"

    Navigateurs sans boucle de soutien peuvent être pris en charge par:

    $("#video").bind('ended', function(){ 
  this.play();
});

    Référence

    Désolé, je n'ai pas à m'expliquer. Je ne suis pas en train de boucler la même vidéo, je suis en train de créer une vidéo ci-dessous après le premier a fini de jouer, et de faire en sorte après que la deuxième vidéo est terminée, une troisième vidéo est créé ci-dessous, et ainsi de suite. J'ai édité mon premier post pour mieux refléter.
    Dans ce cas, vous souhaiterez peut-être modifier la source de la vidéo existante élément pour pointer vers la nouvelle vidéo, et ensuite appeler play().

    OriginalL'auteur George Cummins

  3. 1

    Essayez de l'utiliser vous aider?

    Dans la balise Head: 

     <script type="text/javascript" language="javascript"> 
            video_count = 1; 
            function run() { 
                video_count++; 
                var videoPlayer = document.getElementById("homevideo"); 
                if (video_count == 4) 
                    video_count = 1; 
                var nextVideo = "ModelVideo/1/video" + video_count + ".mp4"; 
                videoPlayer.src = nextVideo; 
                videoPlayer.load(); 
                videoPlayer.play();        
            }; 
        </script>

    Dans la balise Body:

        <div style="width: 30%;"> 
            <video id="homevideo" width="100%" controls autoplay onended="run()"> 
            <source id="ss" src="ModelVideo/1/video1.mp4" type='video/mp4'/></video> 
        </div>
    quelqu'un a plus meilleure façon de parvenir à cette fonctionnalité, et aussi d'un plus de fonctionnalités pour ajouter de tout message comme celui de la télévision en direct sur le bas de la vidéo, s'il vous plaît partager.

    OriginalL'auteur Yashwant Software Developer

  4. 0

    Essayez de l'utiliser vous aider pour jQuery?

    Dans la balise Head: 

        <script type="text/javascript">
            $(document).ready(function () {
                v_count = 1;
                $("#video").bind('ended', function () {
                    v_count++;
                    if (v_count == 4)
                        v_count = 1;
                    $("#sovideo").attr("src", "ModelVideo/1/video" + v_count + ".mp4");
                    $("#video").load();
                    this.play();                            
            });   
        </script>

    Dans la balise Body: 

            <div style="width: 30%;"> 
            <video id="video" width="100%" controls>
            <source id="sovideo" src="ModelVideo/1/video1.mp4" />
        </div>
    S'il vous plaît apprendre à écrire grammaticalement facilement en anglais avant de poster sur ce anglais Q/Un site.

    OriginalL'auteur Yashwant Software Developer