11

私はmediaelement jsを使用しています..htaccesでこれらを持っています..

AddType video/mp4  mp4 m4v
AddType audio/mp4  m4a
AddType video/ogg  ogv
AddType audio/ogg  ogg oga
AddType video/webm webm

私のindex.htmlにはこれがあります<head>

<script src="/js/jquery.js"></script>
<script src="/js/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="/js/mediaelementplayer.css" />

コードは

<video width="600" height="450" preload="none" autoplay preload="auto" >
    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
    <source type="video/mp4" src="videos/Sequence1.mp4"/>
    <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
    <source type="video/webm" src="videos/Sequence1.webm" />
    <!-- Ogg/Vorbis for older Firefox and Opera versions -->
   <source type="video/ogg" src="videos/Sequence1.ogv" />
    <!-- Flash fallback for non-HTML5 browsers without JavaScript -->
    <object width="320" height="240" type="application/x-shockwave-flash" data="flashmediaelement.swf">
        <param name="movie" value="flashmediaelement.swf" />
        <param name="flashvars" value="controls=&file=videos/Sequence1.mp4" />     
    </object>
</video>

残念ながら.. mozilla ブラウザでは再生されません.. ロードは続きますが、再生されません.. mozilla で ctrl+shift+k を使用すると.. これらのエラーが見つかりました。

-- [18:47:12.942] 「video/mp4」の指定された「type」属性はサポートされていません。メディア リソース videos/Sequence1.mp4 の読み込みに失敗しました。@ http://thesuperheroblueprint.com/

私を助けてください..私は本当にこれをひどく修正する必要があります.. ここにウェブサイトがあります. .

4

2 に答える 2

28

MP4 タイプは Firefox ではサポートされていません! Safari 3.0 以降、Google Chrome 5.0 以降、IE 9.0 以降でのみサポートされています。Firefox の場合、ソースとして .ogg ファイルまたは .webm ビデオ ファイルが必要です。HTML 5 でサポートされているすべてのビデオ形式を含む画像を次に示します。 さまざまなブラウザでサポートされているビデオ形式を示した表

音声サポートについては、次の写真を参照してください。

さまざまなブラウザでサポートされているオーディオ形式を示した表

アップデート：

Firefox が MP4 H.264 (AAC または MP3) をサポートするようになりました https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

注: ハイ プロファイルでエンコードされた MP4 は、ローエンドの Firefox OS 携帯電話などのローエンドのハードウェアでは実行されません。

于 2013-01-26T11:51:40.190 に答える
3

Firefox は をサポートしていないため、エラーvideo/mp4が発生します。心配する必要はありません。別の何かが問題を引き起こしています。2 つのpreload属性のいずれかを削除することから始めることもできますが、それが主な問題だとは思いません。

ビデオをFirefox に直接ロードするwebmと、約 30 秒かかり、ロード後、再生ポイントはビデオの最後になります。ファイルを直接ロードするogvと、正常に再生されるように見えます。したがって、webmファイルのエンコードに問題があると判断し、別のオプションを使用してもう一度エンコードを試みます。

余談ですが、エンコーディングの原因がわからない場合でも、ビデオである必要があるビデオは実際には何もありません。これは基本的にスライドショーのビデオです。そのように実装した方がよい場合があります。必要な帯域幅が確実に削減されます。

于 2013-01-26T13:24:35.667 に答える