html5视频播放器错误处理

时间:2014-09-29 14:23:21

标签: html html5

我有一个播放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>

1 个答案:

答案 0 :(得分:2)

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

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

虽然您可能只想听取JavaScript。 ;)