为不支持的文件格式显示 <video> 回退消息?

Display <video> fallback message for unsupported file formats?

我通过以下方式在我的页面上使用视频元素:

      <video src="some source" controls>
        Error message
      </video>

据我了解,"Error message" 仅在浏览器不支持 <video> 元素时才会显示。如果浏览器不支持 src 中提供的视频格式,我想看看是否有办法显示它或至少复制此行为。

您可以通过 JavaScript 来完成,因为您可以使用 canPlayType() 方法来检查浏览器是否可以播放视频文件格式。

例如:

var v = document.createElement('video');
// canPlayType returns maybe, probably, or an empty string.
if (v.canPlayType('video/mp4') === '') {
   // boo the browser cannot play an MP4 file
}