javascript - Safari 视频元素不会在 403 响应时触发错误事件

Question

我正在尝试从 S3 加载当时可能正在转码或未转码的视频。虽然它仍在处理中，但我收到了 403 响应。我测试的所有其他浏览器(Chrome/Firefox/IE)都会触发“错误”事件，因此我可以向用户显示一条消息，如下所示:

var video = document.createElement('video');
video.onerror = function (e) {
// Show the user a message...
};
video.src = videoURL;

但是 Safari(在 OSX 上)只是登录到控制台而不触发事件。

Failed to load resource: the server responded with a status of 403 (Forbidden)

如果我将 video.src 设置为无用但不会导致 403 的垃圾 URL，它将触发。

是否有其他我可以监听的事件或其他方式来警告用户？我知道我可能会为视频发出单独的 ajax 请求并检查响应，但我想避免开销。

Answer 1

这是 Webkit 中的一个错误。

我们通过在尝试加载视频之前首先发出 HEAD 请求来检查文件的状态来处理这个问题。添加往返，但通常非常快:

$.ajax({
  type: "HEAD",
  url: video_filename,
  success: loadVideo,
  error: handleError
});