滚动时自动播放视频但只播放一次

Question

我对jquery很新，所以我从另一个stackoverflow问题中抓住了这个代码，但我不知道如何调整它。

我有一个视频，当它滚动到窗口时自动播放。但是，如果视频暂停并且用户甚至滚动一个像素，则视频将再次启动。我希望视频在用户滚动时仍然在窗口中时保持暂停状态。

理想情况下，如果视频完全退出视图然后重新进入，则自动播放将再次运行。如果此自动播放功能仅运行一次并且用户可以选择再次播放视频，它也可以工作。

if (@Model.IsAdmin)
{
    // show admin link 1 here
}

// normal user or public content here

if (@Model.IsAdmin)
{
    // other code accessible for admin only
}

Answer 1

将元素标记为已播放

 if( scrollTop < yBottomMedia && scrollBottom > yTopMedia){
              if (!$(el).attr('data-played')){
                $(el).attr('data-played',1);
                $(this).get(0).play();
               }
            } else {
                $(this).get(0).pause();
            }