Chrome、Safari、またはOperaでこのビデオを再生するのに問題はありません。 Firefoxで再生しようとすると、ビデオのない灰色のボックスが表示されます。これが私のコードです:
<video width="640" height="360" autobuffer controls preload="auto" >
<source src="fracWelDay3.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="fracWelDay3.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="fracWelDay3.ogv" type='video/ogg; codecs="theora, vorbis"'>
Your browser does not support the video tag.
</video>
また、.htaccessファイル(以下を参照)を作成し、ビデオファイルと同じフォルダーに配置しました。
AddType audio/ogg oga ogg AddType video/ogg ogv AddType video/mp4 .mp4 AddType video/webm .webm
私のファイルへのリンクは次のとおりです。
http://www.synergese.co.uk/testMathsOnline/day3/videos/day3FracWelVideo.html
助けていただければ幸いです。
どうもありがとう、フィリッパ
fracWelDay3.ogv
ビデオのサーバーからのMIMEタイプが、誤って「テキスト/プレーン」として提供されています。
$ curl -I http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.ogv
Content-Typeがtext/plain
ではなくvideo/ogg
であることに注意してください。
HTTP/1.1 200 OK
Date: Thu, 26 May 2011 21:55:25 GMT
Server: LiteSpeed
Accept-Ranges: bytes
Connection: close
ETag: "fa8cc4-4dde175c-0"
Last-Modified: Thu, 26 May 2011 09:03:24 GMT
Content-Type: text/plain
Content-Length: 16420036
HTML5ビデオはSafariで再生されます。ChromeおよびIE 9ですが、FirefoxまたはIE 7-8。MIMEタイプの問題 を修正すると、Firefoxで再生されます。
Apache WebサーバーまたはApacheの派生物を使用している場合は、サイト全体のAddType directive
またはビデオを保存するディレクトリのhttpd.conf
で.htaccess file
を使用できます。ファイル。 (他のWebサーバーを使用している場合は、特定のファイルタイプにContent-Type HTTPヘッダーを設定する方法についてサーバーのドキュメントを参照してください。)
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
最初の行は、Oggコンテナ内のビデオ用です。 2行目はMPEG-4コンテナ内の動画用です。3行目はWebM用です。一度設定して忘れてください。設定し忘れると、一部の動画が再生されなくなります。 HTMLマークアップのtype属性にMIMEタイプを含めた場合でも、ブラウザー。