javascript - HTML5 视频 ERR_CONTENT_LENGTH_MISMATCH

Question

我在使用 HTML5 视频标签使用 Google Chrome 查看 mp4 文件时遇到问题。视频开始正​​常播放，跳转到时间轴上的不同位置也正常。

但是，如果我继续观看视频足够长的时间，我会收到 ERR_CONTENT_LENGTH_MISMATCH 错误。我注意到几乎每次浏览器下载 124MB(只有一次 252MB)的视频时都会发生这种情况。我是从头开始观看视频还是跳到时间轴上的某个地方开始观看都没关系，它停在 124MB。我使用的是什么视频文件似乎也无关紧要。

我使用的 HTML 非常基础:

<video width="1280" height="720" controls>
    <source src="videos/testvid.mp4" type="video/mp4">
</video>

Answer 1

每当浏览器从文件中获取的字节数超过 Content-Length HTTP 响应 header 中报告的字节数时，就会出现 ERR_CONTENT_LENGTH_MISMATCH

关于压缩 (gzip) 和 Content-Length header 的 apache 和大文件存在一些错误。

We've set up Apache to deflate most web content it serves with gzip, to make file transmission faster with smaller file sizes. This is great for HTML files, CSS and JS files, but for binary files, such as images and media files, or PDFs it can cause problems. For PDFs the problems are that Acrobat can't read PDFs that have been gzipped, so it must be turned off for them.

来源: http://www.beetlebrow.co.uk/what-do-you-need/help-and-documentation/unix-tricks-and-information/apache-gzip-compression-and-binary-files

<Location />
SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI  \
    \.(?:gif|jpe?g|png)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI  \
    \.(?:mp3|wav|wma|au|m4p|snd|mid|wmv|mpg|mpeg|mp4|qt|mov)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.pdf$ no-gzip dont-vary
SetEnvIfNoCase Request_URI  \
    \.(?:exe|t?gz|zip|gz2|sit|rar)$ no-gzip dont-vary
</Location>

解决方案是对某些文件类型(例如 *.mp4)禁用压缩，使用如下规则: