javascript - スクロール位置に基づいてビデオ自動再生をトリガーする

Question

scrollorama.jsスクリプトのワイプアニメーションを使用するスクリプトを書いています。スクロール深度の特定のマーカーで自動再生するビデオを実装できることを望んでいます。つまり、ビデオページが別のページを消去し、完全に表示できるようになったときです。スクロールの深さを測定する方法を理解しました。コンソールに正常に記録しています。スクロールの深さを測定する方法はわかりましたが、疲れているので、スクロールの深さでビデオを自動的に再生するように依頼する方法がわかりません。これが法的な質問であり、私がいくらかの援助を得ることができることを願っています。誰かがこれを以前に試したことがありますか？これまでのコードは次のとおりです。

enter code here$（document）.ready（function（）{

$（window）.scroll（function（e）{

  var scrollAmount = $('body').scrollTop();
  console.log(scrollAmount);

}）;

    var controller = $.superscrollorama();
    var pinDur = 800;   
    // create animation timeline for pinned element
var pinAnimations = new TimelineLite();

//pinAnimations.append([TweenMax.to($('#green'), .5, {css:{top:0}})], .5)
pinAnimations.append([TweenMax.to($('#intromovie'), .5, {css:{top:0}})], .5 )
pinAnimations.append([TweenMax.to($('#red'), .5, {css:{top:0}})], .5) 
pinAnimations.append([TweenMax.to($('#blue'), .5, {css:{top:0}})], .5 )
pinAnimations.append([TweenMax.to($('#movie1'), .5, {css:{top:0}})], .5);
pinAnimations.append([TweenMax.to($('#history1'), .5, {css:{top:0}})], .5);
//pinAnimations.append(TweenMax.to($('#pin-frame-unpin'), .5, {css:{top:'100px'}}));


controller.pin($('#content_wrapper'), pinDur, {
    anim:pinAnimations, 
    onPin: function() {
        $('#content_wrapper').css('height','100%');
    }, 
    onUnpin: function() {
        $('#content_wrapper').css('height','1000px');
    }


});

});