html - chrome 可以播放 html5 mp4 视频,但 html5test 说 chrome 不支持 mp4 视频编解码器

标签 html google-chrome html5-video

根据 html5test.com,chrome 不支持 html5 mp4 视频(请参阅以下链接)。 http://html5test.com/compare/feature/video-mpeg4.html

然而,在this测试页面,通过如下设置body可以成功播放mp4视频:

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>

</body>
</html>

我怎样才能正确解释它?

最佳答案

.mp4只是一种容器格式(MPEG-4 Part 14),.mp4文件下的视频和音频格式可以是多种多样的。对于视频,H-264 (MPEG-4 Part 10) 和 MPEG-4 Visual (MPEG-4 Part 2) 很常见。

在 HTML5Test 上,“MPEG-4 support”将测试 video.canPlayType("video/mp4; codecs="mp4v.20.8"),测试是否支持 MPEG-4 Visual。

Chrome 支持的格式有 H-264、VP8(WebM 视频部分)、用于视频的 Theora 和用于音频的 MP3、AAC、Vorbis。不支持 MPEG-4 视觉 ( Chromium issue 54036 )。

因此,Chrome 可以播放带有 H-264 视频但不能播放 MPEG-4 视觉视频的 .mp4

关于html - chrome 可以播放 html5 mp4 视频,但 html5test 说 chrome 不支持 mp4 视频编解码器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12173822/

相关文章:

javascript - 使用 Javascript 设置 cookie

internet-explorer - 为什么 font-awesome 不能在网络上工作而在本地主机上工作?

带有 "autoplay muted playsinline"的 iOS 10 视频标签停止背景音乐 (spotify)

javascript - SourceBuffer.remove(start, end) 删除整个缓冲的 TimeRange(How to handle realtime stream with MSE?)

HTML5 视频播放局域网

javascript - HTML 行跨度与 css 元素冲突

html - 如何测试 html 文件的移动响应能力

javascript - 如何在 volusion 站点中添加滚动到顶部的 float 按钮?

javascript - RaphaelJS 缩放在 Chrome 中损坏

javascript - jQuery .is (":visible") 不工作