1
私はHTML5ビデオ実装を行っていますが、いくつか問題があります。私はhttp://diveintohtml5.info/video.htmlのガイドに従っています。私は、すべてのビデオの.m4v、.ogv、および.webmバージョンをエンコードしました。 ChromeとFirefoxはビデオの再生に問題はありません。 Safariで再生しようとすると、ビデオコンテナはロードされますが、ビデオはロードされません。ビデオがあるはずの空白、コントロール、および読み込み中のテキストが表示されます。 Webインスペクタの[ネットワーク]タブでは、動画のステータスが「保留中」で、MIMEタイプが「未定義」です。面白いことに、私はステージングサイトでのみこの問題を経験しますが、私のローカル開発者ではうまくいきます。インスペクタで、それの左側に小さな赤いXを持つGETHTML5ビデオがSafariで再生されない
Resource interpreted as Document but transferred with MIME type video/x-m4v.
GET http://site.dev/content/videos/movie.m4v Plug-in handled load
注：私は地元のdevの上のブラウザで直接ビデオを訪問すると
は、私は、コンソールで次の出力を取得します。
私のhtmlコードは次のようになります。
さらに<video class="html5-video" width="700" controls>
<source src="content/videos/movie.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="content/videos/movie.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="content/videos/movie.ogv" type='video/ogg; codecs="theora, vorbis"' />
Your browser does not support this video.
</video>
、ビデオは〜20メガバイトです。
どのような考えですか？ありがとう！