如何在 Mobile Safari 中获取 <video> 的 Javascript 位置更改事件？

Question

我想每秒执行一次 JavaScript 函数，或者在播放期间 Mobile Safari 视频播放器上的时间位置发生变化时执行一次 JavaScript 函数。

是否有事件侦听器或某种实现此目的的方法？我在这里了解如何按需执行此操作：

在 iPad 版 Safari 中，如何通过 Javascript 获取当前视频位置？

但是，我正在寻找一种自动触发该函数的方法，而不是需要用户交互来触发获取位置。这可以做到吗？

Answer 1

您可以通过 HTML5 视频挂钩大量事件。并非所有浏览器都支持所有功能，但 Mobile Safari 应该可以很好地满足您的需要，即“timeupdate”事件。

video.addEventListener('timeupdate', function() {
  console.log('video time: ' + video.currentTime);
});

您可以在此处查看活动演示： http://www.w3.org/2010/05/video/mediaevents.html