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

Question

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

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

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

Answer 1

您可以通过 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
}