html5视频播放器错误处理答案

【问题标题】：html5 video player error handlinghtml5视频播放器错误处理
【发布时间】：2014-11-23 23:32:36
【问题描述】：

我有一个播放 mp4 视频的 HTML5 视频播放器（我只有 mp4 视频，因为我不是一个拥有多种编解码器的花哨的人）。我想在不支持 mp4 视频或资产丢失时显示一条错误消息，但整个互联网似乎只是人们抱怨他们找不到视频，因此很难找到可靠的来源。

长话短说；当视频丢失或浏览器不支持编解码器时，如何添加错误消息。

视频代码很好看，很简单，源码是从服务器端脚本生成的，如下所示；

<video controls height ="500px"> 
    <source src="videos/movie.mp4" type="video/mp4">
    Your browser does not support this video player, please consider upgrading to a modern browser or contact your sysadmin.
</video>

【问题讨论】：

问题到底是什么？
当视频丢失或浏览器不支持编解码器时，如何添加错误消息。
看起来你已经有事要做了。
这对旧浏览器有用，但如果 url 被破坏，它似乎不起作用。我想要一个正确的错误消息，告诉用户出了什么问题。

标签： html

【解决方案1】：

如果您在 <source> 元素上侦听 error 事件，它会告诉您加载是否失败。

<source src="videos/movie.mp4" type="video/mp4" onerror="alert('Could\'nt load video')">

尽管您可能只想听 JavaScript。 ;)

【讨论】：