我在 Chrome / Desktop Safari 中遇到了一个非常具体的问题。
当我使用 JavaScript 将视频注入页面时，视频根本不会加载。这不是标记问题，也不是 MIME 类型问题，因为我可以确认视频是页面上的静态元素时正在加载（我正在使用 Ajax 加载此视频）。
它似乎与文件大小有关，因为它适用于所有浏览器中的较小视频。它仅在我尝试流式传输更大的视频时发生。
该方法在 Firefox / IE9 中运行良好，只是在 Chrome / Desktop Safari 中不行。
这是我正在使用的标记，我可以确认正确的 MIME 类型声明在我的 .htaccess 中。
<video autoplay controls class="main-video">
<source src="/videos/Miranda.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="/videos/Miranda.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="/videos/Miranda.ogv" type='video/ogg; codecs="theora, vorbis"' />
<p>
Sorry, there was a problem playing this video
</p>
</video>