Buclă Video HTML5 la evenimentul "încheiat"

Se redă un videoclip html5. Odată terminată, se cheamă scriptul de mai jos, care inscripționează videoclipul următor pe care îl adaugă la următoarea linie și începe să o joace. Cum transform acest lucru într-o buclă, odată ce al doilea videoclip se termină, se va adăuga un al treilea videoclip și așa mai departe?

<div>
    

.

var i=0
$('video'+i).on("ended", function() {
    i++;
    $(this).parent().append('
0

4 răspunsuri

Updated Answer:

After re-reading your question and seeing the changes, here is some logic that should do what you're asking...

var i = 0;
var numVideos = 5;
var addVideo = function() {
    i++;
    var nextVideo=$('

Răspunsul inițial:

How about adding the loop attribute to your video tag? W3 Resource

0
adăugat
Am primit un vot în jos, așa că am actualizat răspunsul meu pe baza noilor criterii ale întrebării.
adăugat autor Quantastical, sursa
Scuze, nu m-am explicat bine. Nu încerc să fac același videoclip, încerc să creez un videoclip sub el după ce prima a terminat de jucat și o fac după ce al doilea videoclip sa încheiat, un al treilea videoclip este creat sub el și așa mai departe . Am editat postarea mea originală pentru a reflecta mai bine acest lucru.
adăugat autor Jordan Kizer, sursa

Formatul HTML 5 poate fi bifat utilizând atributul "buclă":

loop="loop"

Browserele fără suport pentru buclă pot fi suportate prin:

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

Referință

0
adăugat
Scuze, nu m-am explicat bine. Nu încerc să fac același videoclip, încerc să creez un videoclip sub el după ce prima a terminat de jucat și o fac după ce al doilea videoclip sa încheiat, un al treilea videoclip este creat sub el și așa mai departe . Am editat postarea mea originală pentru a reflecta mai bine acest lucru.
adăugat autor Jordan Kizer, sursa
În acest caz, puteți să schimbați sursa elementului video existent pentru a indica noul videoclip și apoi apelați play() .
adăugat autor George Cummins, sursa

Încercați să-l utilizați să vă ajute?

In Head tag:

 <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> 

În etichetă corporală:

    <div style="width: 30%;"> 
            
0
adăugat
oricine are o modalitate mai bună de a realiza această funcționalitate și, de asemenea, o mai multă funcționalitate pentru a adăuga orice mesaj, ca la televiziunea live pe partea de jos a videoclipului, vă rugăm să le împărtășiți.
adăugat autor Yashwant Software Developer, sursa

Încearcă să-l folosești pentru a te ajuta la jQuery?

In Head tag:

    <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>

In Body tag:

        <div style="width: 30%;"> 
            
0
adăugat
Învățați să scrieți în engleză gramatically understandable înainte de a posta pe acest site englez Q/A.
adăugat autor Nic Hartley, sursa