检测<嵌入>标签加载视频失败[英] Detect <embed> tag failing to load video

本文是小编为大家收集整理的关于检测<嵌入>标签加载视频失败的处理方法,想解了检测<嵌入>标签加载视频失败的问题怎么解决?检测<嵌入>标签加载视频失败问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

我正在尝试使用以下嵌入标签(在 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、onended 和 onsuspend - 当视频加载失败时,所有这些都不会生成事件.

推荐答案

您需要发出单独的 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
}

本文地址:https://www.itbaoku.cn/post/924503.html