Iternet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。
注释:Internet Explorer 8 以及更早的版本不支持 <video> 标签。
mp4、ogg、webm
格式 | IE | Firefox | Opera | Chrome | Safari | |
---|---|---|---|---|---|---|
MPEG4 | 9.0+ | No | No | 5.0+ | 3.0+ | |
Ogg | No | 3.5+ | 10.5+ | 5.0+ | No | |
WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
格式 | IE | Firefox | Opera | Chrome | Safari | |
---|---|---|---|---|---|---|
测试版本号 | 11 | 73.0 | 65.0 | 80.0 | 12.0.3 | |
MPEG4 | YES | YES | YES | YES | YES | |
Ogg | NO | YES | YES | YES | NO | |
WebM | NO | YES | YES | YES | NO |
随着浏览器的版本迭代,MP4可以通用了,再也不需要一个视频弄好几个格式了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>视频格式兼容测试</title>
<style>
video { width: 200px;}
</style>
</head>
<body>
<video src="https://gitee.com/yinuocode/blogsImg/raw/master/video/ceshi.mp4" controls></video>
<video src="https://gitee.com/yinuocode/blogsImg/raw/master/video/ceshi.ogg" controls></video>
<video src="https://gitee.com/yinuocode/blogsImg/raw/master/video/ceshi.webm" controls></video>
</body>
</html>