JavaScript ile kontrol html5 video oynatıcı döngüsü

Question

JavaScript ile döngü etiketini (ff) desteklemeyen tarayıcılarda html5 video döngüsünü etkinleştirmeyi arıyorum. Video oynatma işleminin sonuna erişme ve oynatma sıfıra geri dönmenin fizibilitesini bilen var mı?

Answer 1

loop özelliğinin desteklenip desteklenmediğini algılayabilir ve true olarak ayarlayabilirsiniz. , Sadece ended medya olayı bağlayabilir ve onu baştan başlamak onu desteklemeyen tarayıcılar için

:

var myVideo = document.getElementById('videoId'); 
if (typeof myVideo.loop == 'boolean') { // loop supported 
    myVideo.loop = true; 
} else { // loop property not supported 
    myVideo.addEventListener('ended', function() { 
    this.currentTime = 0; 
    this.play(); 
    }, false); 
} 
//... 
myVideo.play(); 

Answer 2

<div>Iteration: <span id="iteration"></span></div> 

<video id="video-background" autoplay="" muted="" controls> 
     <source src="https://res.sdfdsf.mp4" type="video/mp4"> 
</video> 

var iterations = 1; 

    document.getElementById('iteration').innerText = iterations; 

     var myVideo = document.getElementById('video-background'); 
    myVideo.addEventListener('ended', function() {  
       alert('end'); 
     if (iterations < 2) { 
      this.currentTime = 0; 
      this.play(); 
      iterations ++;   
      document.getElementById('iteration').innerText = iterations; 
     } 

    }, false); 


    // Please note that loop attribute should not be there in video element in order for the 'ended' event to work in ie and firefox 

Answer 3

yapabilirsiniz basitçe döngü durdurmak için loop="false" aracılığıyla video veya kapalı otomatik video tekrar oynatma.

<iframe style="position: absolute; top: 0; left: 0;" 
src="http://video/name.mp4" width="100%" height="100%" frameborder="0" webkitallowfullscreen loop="true" controls="false" mozallowfullscreen allowfullscreen></iframe> 

Bu loop="true" video oynatıcı döngü sağlayacaktır.