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>