問題

私はビデオのインデックスに次のコードを持っています:

 <video width="100%"  controls>
  <source src="video/v1.ogv" type="video/ogg">
  <source src="video/v1.webm" type="video/webm">
  <source src="video/v1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
 

Firefoxでロードしようとすると、「サポートされているフォーマットとMIMEタイプが見つかりません」というメッセージが表示されます。

火かき棒が戻る

 "NetworkError: 500 Internal Server Error - https://root/folder/video/v1.ogv"

v1.ogv

HTTP load failed with status 500. Load of media resource https://root/folder/video/v1.ogv failed.


...,c=l.length;c--;)(f=l[c])&&(v[d[c]]=!(y[d[c]]=f));if(i){if(o||e){if(o){for(l=[],...

jquery.min.js (line 2)

"NetworkError: 500 Internal Server Error - https://root/folder/video/v1.webm"

v1.webm

HTTP load failed with status 500. Load of media resource https://root/folder/video/v1.webm failed.

Specified "type" attribute of "video/mp4" is not supported. Load of media resource video/v1.mp4 failed.

All candidate resources failed to load. Media load paused.
 

どんな手掛かり? Google Chromeでも動作しません。

  ベストアンサー

パスは有効ですか?

  • https://root/folder/video/v1.ogv
  • https://root/folder/video/v1.webm

FirefoxはSpecified "type" attribute of "video/mp4" is not supported.エラーを説明する.mp4ファイルをサポートしていません。

Apache を使用している場合は、強制的に正しい MIME 型を使用することができます。 .htaccess ファイルに以下を追加してください。

 # MIME types for Video
AddType video/mp4 mp4 m4v f4v f4p
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv
 

  同じタグがついた質問を見る

html5-video