Javascript iPad 1在视频播放结束前触发视频结束事件

我有一个带有视频元素和导航菜单的容器。导航将隐藏，直到视频播放结束，此时视频将隐藏，导航将可见。这在桌面上非常有效。然而，在iPad上，视频无法在“结束”活动显然结束之前播放完毕

此外，由于无法在iOS中自动播放视频元素，我还捕获播放事件以在视频启动后隐藏控件。我留了这个，以防万一有人知道它引起的问题。尽管如此，当钻头被移除时，仍然会发生这种情况

这种行为有解决办法吗？我找不到关于这个问题的任何信息。在我看来，视频播放有一定的延迟，并且结束的事件在计算的持续时间后触发，不管它实际需要多长时间才能完成，尽管这只是猜测。我唯一确定的是，当结束事件触发时，视频没有播放完毕。我正在iOS 5上运行Safari的iPad1上进行测试

$（函数（）{
var overlay=$（“#导航覆盖”）；
var homevideo=$（“#家庭视频”）；
overlay.hide（）；
homevideo.bind（'end'，function（）{
homevideo.hide（）；
overlay.show（）；
});
homevideo.bind（'play'，function（））{
家庭视频[0]。删除属性（“控件”）；
家庭视频[0]。currentTime=0.1；
});
});

对于初学者来说，bind是不推荐使用的。切换到on（）

---

试试看。

对于初学者来说，bind是不推荐的。切换到on（）

试试看

$(function(){
    var overlay = $('#nav-overlay');
    var homevideo = $('#home-video');
    overlay.hide();

    homevideo.on('ended', function(){
        $(this).hide();
        overlay.show();
    });

    homevideo.on('play', function(){
        $(this).removeAttribute("controls");
        $(this).get(0).currentTime = 0.1;
    });
});