Video canPlayType() 方法

Video 对象参考手册 Video 对象

检测您的浏览器是否能播放不同类型的视频：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
</head>
<body>

  <p>浏览器是否支持播放 MP4 视频? <span>
<button onclick="supportType(event,'video/mp4','avc1.42E01E, mp4a.40.2')" type="button">测试</button>
</span></p>
  <p>浏览器是否支持播放 OGG 视频? <span>
<button onclick="supportType(event,'video/ogg','theora, vorbis')" type="button">测试</button>
</span></p>
  <script>
    function supportType(e, vidType, codType) {
      var x = document.createElement("VIDEO");
      isSupp = x.canPlayType(vidType + ';codecs="' + codType + '"');
      if (isSupp == "") {
        isSupp = "No";
      }
      e.target.parentNode.innerHTML = "结果: " + isSupp;
    }
  </script>

</body>
</html>

尝试一下 »

定义和用法

canPlayType() 方法浏览器是否能播放指定的音频/视频类型。

canPlayType() 方法可返回下列值之一：

  • "probably" - 浏览器最可能支持该音频/视频类型
  • "maybe" - 浏览器也许支持该音频/视频类型
  • "" - （空字符串）浏览器不支持该音频/视频类型

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 canPlayType() 方法

注意： Internet Explorer 8 及更早IE版本不支持该方法。

语法

videoObject.canPlayType(type))

参数值

值 描述
type 描述要检测的音频/视频类型。

通常可以是:

  • video/ogg
  • video/mp4
  • video/webm

通常指，包含解码器：

  • video/ogg; codecs="theora, vorbis"
  • video/mp4; codecs="avc1.4D401E, mp4a.40.2"
  • video/webm; codecs="vp8.0, vorbis"

注意： 如果包含了解码器，该方法只可能返回"probably"。

技术细节

返回值： 表示支持的级别。可能的值：
    • "probably" - 最有可能支持
    • "maybe" - 可能支持
    • "" - （空字符串）不支持
Video 对象参考手册 Video 对象