5.3.3  出错时在播放屏幕中显示出错信息

5.3.3 出错时在播放屏幕中显示出错信息

在HTML 5中，属性“error”是一个只读属性，在使用多媒体元素加载或读取文件过程中，如果出现异常或错误，将触发元素的“error”事件。在该事件中，可以通过元素的“error”属性返回一个MediaError对象，根据该对象的“code”属性返回当前的错误值。

下面通过一个实例讲解出错时在播放屏幕中显示出错信息的方法。

在本实例的页面中，分别添加了一个多媒体元素<video>和一个<span>元素。当使用<video>元素加载一个不支持的播放格式文件时触发“error”事件，通过<span>元素显示加载出错后“error”属性返回的错误代码信息。实例文件9.html的实现代码如下。

脚本文件js9.js的实现代码如下。

在上述代码中，因为视频元素<video>不支持载入文件“123.mm”的播放格式，所以会触发“error”事件。在该事件中将调用函数Video_Error（），此函数的执行流程如下。

（1）通过变量“intState”保存MediaError对象“code”属性返回的错误代码值。

（2）将该值通过另一个函数ErrorByNum（）返回对应的文字说明信息。

（3）将获取的说明信息显示在页面元素<span>中。

执行后的效果如图5-9所示。

图5-9 执行效果