Onscrollビデオは1回再生する必要があります

Question

スクロールトップを使用して、条件を使用して5つのセクションにスクロールを分割します.2番目のセクションで、600から700pxのスクロールトップ値のビデオを与えました。私はその価値の中で何度も何度もビデオを再生しなければならない。

var scrolld=window.scrollTop(); 
if(scrolld >=600) { 
    ///i gave image here 
} 

elseif((Scrolld >600) & (scrolld <=700)){ 
//video 
} 

//rest 3 elseif contain images 

チェックこのリンクは： http://projects.lollypop.biz/auluxa/lighting.html

私はその私がkeyUpイベントとKeyDownイベントを使用してスクロール場合fine.But作業（キーボード）動画が再生されている何度もマウスを使用してスクロールした場合。

Answer 1

このコードをご覧ください。私はこれが私のウェブサイトのaswelにあるので、これはあなたが意味するものだと思います。しかし、あなたの質問はあまり明確ではありません。 あなたは少なくともURコードを共有できますか？

$('#vid').on('ended', function(){this.playedThrough = true;}); 

$(window).scroll(function(){ 
    var myVideo = document.getElementById("vid"); 

    if($(window).scrollTop() > 300 && $(window).scrollTop() < 975){ 
     // only if we didn't reached the end yet 
     if(!myVideo.playedThrough) 
      myVideo.play(); 
    }else{ 
     myVideo.pause(); 
    } 
}) 

Answer 2

ビデオ要素のcurrentTime属性を使用して、再生を再試行する前に再生しているかどうかを確認できます。

var vid = document.getElementById("myVideo"); 
if (vid.currentTime === 0) { 
    // Play video... 
} 

続きを読むhere。