遅延

Question

私は実際に（遅延ロード用）のデータ-srcおよび自動再生

を使用していますタグで

fullpage.js

を使用して自動再生を遅らせるための方法を探していますfullpage.jsで動画の自動再生

Answer 1

SOLUTION

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

自分でコールバックafterLoadを使用してください。その後のsetTimeoutまたは類似の追加：もちろん

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

を、あなたはfullpage.js自動再生機能を使用して停止する必要がありますので、あなたのビデオからautoplayプロパティを削除します。上記のコードにはdata-myautoplay="true"を使用してください。