当整页js上下滚动时，我想重新启动视频，我能做些什么吗？

Question

我使用整页 js，它可以在我滚动时播放和暂停，但问题是我想在向上或向下滚动时重新启动视频

<div id="fullpage">
    <div class="section">
        <video style="object-fit: cover" 
        id="videoPlay"
        tabindex="-1" 
        muted="muted" 
        data-autoplay
        webkit-playsinline 
        playsinline 
        class="my-video-scroll"
        id="slide1" 
        data-no-fullscreen="true" 
        controlslist="nodownload" 
        loop 
        controls>
        <source src="../video/video1.mp4"></video>
    </div>
    <div class="section">
    <video style="object-fit: cover" 
        id="videoPlay"
        tabindex="-1" 
        muted="muted" 
        data-autoplay
        webkit-playsinline 
        playsinline 
        class="my-video-scroll" 
        id="slide2" 
        data-no-fullscreen="true" 
        controlslist="nodownload" 
        loop 
        controls>
        <source src="../video/video2.mp4"></video>
    </div>
</div>

Answer 1

使用诸如onLeave之类的 fullPage.js 回调，然后在每次离开该部分时使用它来重新启动视频。

这是一个例子：

new fullpage('#fullpage',{
  onLeave: function(origin, destination, direction, trigger){
     if(origin.anchor = 'my-video-section-anchor'){
         var video = document.getElementById('myVideoId');
         video.pause();
         video.currentTime = 0;
         video.load();
     }
  } 
}