HTML5ビデオを使用してFirefoxでMP4ファイルを再生

Question

私はかなり多くを検索しましたが、私の問題を解決していません。

私は次のように実行しているvideoタグがあります。

<video 
    class="ne" 
    src="{{ page | video_url }}" 
    muted="true" 
    volume="0" 
    controls 
    width="720" 
    height="480" 
    poster="{{ page | video_poster_image_url }}" 
    type="video/mp4"> 
</video> 

私はURLのジキルを使用しています。彼らは正常に動作します。

サイトはswitzerlandllc.comに公開されています。 FFで動画をクリックすると、画像とXが表示されます。Chromeなどのブラウザが正常に動作します。

ビデオのソースを取得して新しいタブにロードすると、正常に再生されます。少なくともそれは私のためです。

私が追加しました：

AddType video/ogg .ogv 
AddType video/mp4 .mp4 
AddType video/webm .webm 

私htaccessファイルに。私は.ogvまたは.webmは必要ないと思う。

動画URLを読み込むと動画はうまく再生されますが、動画を動画タグに読み込むのは失敗します。

アイデア？

Answer 1

これは、Firefoxのビデオタグ内でのMP4形式のサポートが限られていることが原因です。サポートはFirefox 21まで追加されておらず、Windows 7以上に限定されています。限られたサポートの主な理由は、mp4形式に付随するロイヤリティ料金を中心に展開されています。

チェックアウトSupported media formatsとMedia formats supported by the audio and video elements直接Mozillaの乗組員や詳細については、次のブログ記事から：私は、videoタグでは動作しませんだけでMP4を確認することができます

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

Answer 2

。どのくらいあなたがタイプタグとコーデックとサーバーからのMIMEタイプを混乱させようとしても。

同じ正確な動画の場合、同じテストページで、mp4の古い埋め込みタグがFirefoxでうまく動作するため、クレイジーです。私は昨日すべてこれを乱して過ごしました。 Firefoxは、突然、時間と時間のすべてのIEのような、請求可能ではありません。わーい。

IEといえば、これについてはもっとうまく失敗します。フォーマットが一致しない場合、タグ間のコンテンツになるので、埋め込みの周りのオブジェクトの周りにビデオを置くことができ、すべてがうまくいきます。 Firefoxでは、失敗したにもかかわらず、中にエラーメッセージが出るようなポスターイメージ（灰色で表示されているので、フォールバックとしては役に立たない）が表示されます。だから、オプションはブラウザの認識コード（過去10年の動画の埋め込みには何の意味もありませんでした）またはhtml5に置き換えられます。答えは正しいですが、誰もが、この質問に達すると