HTML | DOM 视频 canPlayType() 方法(1)

📌 相关文章

📜 HTML | DOM 视频 canPlayType() 方法(1)

📅 最后修改于: 2023-12-03 14:41:50.578000 🧑 作者: Mango

HTML | DOM 视频 canPlayType() 方法

简介

canPlayType() 方法是 HTMLVideoElement 和 HTMLAudioElement 接口中的一个方法，用于检测浏览器是否支持某种视频格式。它的返回值为三种可能性："probably"，"maybe"和""（空字符串）。

语法

var result = video.canPlayType(string);

或

var result = audio.canPlayType(string);

其中，video 或 audio 是指 HTMLVideoElement 或 HTMLAudioElement 对象，而 string 是指某种视频格式的 MIME 类型字符串。

返回值

canPlayType() 方法的返回值为三种可能性：

"probably"：浏览器确定可以播放指定类型的媒体。
"maybe"：浏览器不能确定是否可以播放指定类型的媒体。
""（空字符串）：浏览器确定无法播放指定类型的媒体。

代码示例

下面是一个例子，用于检测浏览器是否支持 H.264 视频格式：

<!DOCTYPE html>
<html>
<body>

<video id="myVideo" width="320" height="240">
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
</video>

<script>
var video = document.getElementById("myVideo");
var result = video.canPlayType("video/mp4");

if (result == "probably") {
    alert("这个浏览器能够播放 MP4 视频格式");
} else if (result == "maybe") {
    alert("这个浏览器可能能够播放 MP4 视频格式，但是不能确定");
} else {
    alert("这个浏览器无法播放 MP4 视频格式");
}
</script>

</body>
</html>

总结

canPlayType() 方法是一种可以检测浏览器是否支持某种视频格式的工具。它返回 3 种可能的值，可以帮助开发者判断是否应该使用不同类型的视频格式和为不同的用户提供不同的体验。