javascript - 检测 <embed> 标签无法加载视频

Question

我试图捕获以下嵌入标签的错误(在 iPad/iOS 上):

<embed width="320" height="240" 
  src="path/to/my/live/stream/playlist.m3u8"
  type="application/vnd.apple.mpegurl" postdomevents="true" id="movie1" />

我尝试用以下方法捕获它:

$("#movie1").on('onerror', function() { alert('error!') } );

我还尝试了 onabort、onstalled、onending 和 onsuspend - 当它们都没有生成事件时视频加载失败。

Answer 1

您需要发出单独的 HTTP 请求来检查文件路径的有效性。

var http = new XMLHttpRequest();
http.open('HEAD', 'http://path/to/your/video', false);
http.send();

if (http.status == 404) {
    throw new Error('Unable to load file')
} else {
    // Generate your <embed> tag here
}