web-dev-qa-db-ja.com

ビデオファイル.ogvはFirefoxでローカルに再生されますが、サーバーからは再生されません

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

助けていただければ幸いです。

どうもありがとう、フィリッパ

18
Pippa

fracWelDay3.ogvビデオのサーバーからのMIMEタイプが、誤って「テキスト/プレーン」として提供されています。

$ curl -I http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.ogv

Content-Typetext/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タイプを含めた場合でも、ブラウザー。

29
rjb