显示不受支持的文件格式的<视频>回退消息

Display <video> fallback message for unsupported file formats?

本文关键字：视频 消息 回退 格式 支持 文件 显示      更新时间：2023-09-26

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

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

据我了解，"错误消息"仅在浏览器不支持<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
}
相关文章：