时间戳

首页 > 解决方案 > Safari 不能正确处理 html5 视频事件？

javascript - Safari 不能正确处理 html5 视频事件？

问题描述

我正在开发一个项目，该项目使用 cookie 来保存用户在 html5 视频上的进度，这样他们就可以在后续访问时从中断的地方继续。

问题是 HTML5 视频事件似乎都没有正确触发，仅在 Safari 上。所有其他浏览器都可以正常工作。

这是我正在使用的代码：

video.addEventListener('loadedmetadata', function() {
    updateVideoProgress();
    var interval = setInterval(function() {storeVideoProgress()}, 1000);
}, false);

if (video.readyState > 3) {
    updateVideoProgress();
    var interval = setInterval(function() {storeVideoProgress()}, 1000);
}

请注意，我正在听什么事件并不重要。我试过“loadeddata”、“canplay”、“canplaythrough”等，但它们都没有在 Safari 上触发。在所有其他浏览器上，所有这些事件都会触发（但取决于事件可能会损害我的代码的功能）。

TL:DR -- 有没有人经历过 Safari 没有触发 HTML5 视频事件，而所有其他浏览器都可以很好地处理它们？我能做些什么来解决这个问题？

标签： javascripthtmlvideosafari

解决方案

canplay事件将适用于 chrome 和 firefox。我只是将loadedmetadat其视为 iOS 特定canplay事件，因为 iOS 似乎不会canplay自行触发。

一旦我将我的canplay逻辑复制到loadedmetadata.

推荐阅读