Javascript 当浏览器不支持视频格式时,显示自定义错误消息

Javascript 当浏览器不支持视频格式时,显示自定义错误消息,javascript,css,html,html5-video,Javascript,Css,Html,Html5 Video,当浏览器支持HTML5和视频,但浏览器不支持给定的视频格式(.avi、.wma等)时,我想显示自定义错误消息 当浏览器不支持视频标记时,下面的代码显示错误消息 <html> <body> <video controls> <source src="Wildlife.wma" type="video/wma"> <source src="Wildlife.ogg" type="video/ogg">

当浏览器支持HTML5和视频,但浏览器不支持给定的视频格式(.avi、.wma等)时,我想显示自定义错误消息

当浏览器不支持视频标记时,下面的代码显示错误消息

<html>
    <body>
    <video controls>

      <source src="Wildlife.wma" type="video/wma">
      <source src="Wildlife.ogg" type="video/ogg">
    <source src="Wildlife.webm" type="video/webm">
    Your browser doesn't support video, you may download the
    /* some message like "wma format is not supported by the browser"*/
    </video>
    </body>
    </html>

您的浏览器不支持视频,您可以下载
/*某些消息,如“浏览器不支持wma格式”*/
我想添加一条自定义错误消息,当浏览器不支持单独的视频格式时

虽然
元素不支持每种类型的视频的不同错误消息,但可以使用JavaScript来实现。否则,只需提供所有必要类型的视频,也可以提供备用图像。还有一种方法可以帮助将视频导出到所有流行的格式,用于#html5
标记


下面是如何检查对各种类型视频的支持。大多数浏览器都启用了JavaScript,所以为每个浏览器报告错误应该没有问题。

这对我来说适用于较旧的浏览器


.视频错误{
颜色:红色;
边框:1px纯色灰色;
}
您的浏览器不支持HTML5视频。

是的,兄弟,但我想在浏览器支持视频但不支持格式时显示错误消息。例如,可能不支持.avi。因此,在这些情况下,我希望显示“不支持视频格式”错误消息。我已更新了问题的详细信息,以便更好地解释。请现在检查