Gecikme

Question

i aslında (tembel yük için) veri src ve autoplay

kullanıyorum etiketinde

fullpage.js

kullanarak autoplay geciktirmek için bir yol arıyorum fullpage.js Videonun otomatik oynatma

Answer 1

ÇÖZÜM

HTML

<video id ="video_intro" width="XXX" height="XXX" poster=".../poster.svg"> 
<source data-src=".../video.webm" type="video/webm"> 
<source data-src=".../video.mp4" type="video/mp4"> 
</video> 

JS

afterLoad: function(anchorLink, index){ 
     var video = document.getElementById("video_intro"); 
     video.addEventListener("canplay", function() { 
      setTimeout(function() { 
      video.play(); 
      }, 2000); 
     }); 
} 

Answer 2

Sadece geri arama afterLoad kullanarak yapın. Sonra bir setTimeout veya benzeri ekleyin:

afterLoad: function(anchorLink, index){ 
    setTimeout(function(){ 
     //playing HTML5 media elements 
     $(this).find('video, audio').each(function(){ 
      var element = $(this).get(0); 

      if(element.hasAttribute('data-myautoplay') && typeof element.play === 'function') { 
       element.play(); 
      } 
     }); 
    }, 2000); //2 seconds delay 
}, 

Tabii ki, fullpage.js autoplay özelliğini kullanarak durdurmak zorunda, bu nedenle videodan autoplay özelliğini kaldırın. Yukarıdaki önceki kod için data-myautoplay="true" kullanın.