javascript - 显示不支持的文件格式的 <video> 后备消息？

Question

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

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

据我了解，仅当浏览器不支持<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
}