20

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

私は次の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にJekyllを使用しています。彼らはうまく働きます。

このサイトはswitzerlandllc.comで公開されています。FFの任意のビデオをクリックすると、画像とXが表示されます。Chromeやその他のブラウザは正常に動作します。

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

私が追加しました：

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

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

ビデオURLをロードするとビデオが正常に再生される理由がわかりませんが、ビデオタグへのビデオのロードが失敗します。

何か案は？

4

2 に答える 2

31

これは、Firefox の video タグ内での MP4 形式のサポートが制限されていることが原因です。サポートは Firefox 21 まで追加されず、まだ Windows 7 以降に限定されています。サポートが限定的である主な理由は、mp4 形式に付随する使用料に関係しています。

詳細については、サポートされているメディア形式とオーディオおよびビデオ要素でサポートされているメディア形式をMozilla クルーから直接確認するか、次のブログ投稿を参照してください。

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

于 2012-05-07T20:40:20.307 に答える
9

ビデオタグでmp4が機能しないことを確認できます。タイプタグ、コーデック、およびサーバーからのmimeタイプをどれだけいじろうとしても。

クレイジー、同じ正確なビデオ、同じテストページで、mp4の古い埋め込みタグはFirefoxで問題なく機能します。私は昨日すべてこれをいじって過ごしました。FirefoxはIEのようなもので、突然、何時間も何時間もかかり、請求はできません。わーい。

IEと言えば、これではるかに優雅に失敗します。フォーマットが一致しない場合は、タグ間のコンテンツに該当するため、埋め込みの周りのオブジェクトの周りにビデオを配置するだけで、すべてがうまく機能します。Firefox、いや、失敗したにもかかわらず、ポスター画像（グレー表示されているため、フォールバックとしても役に立たない）が表示され、中央にエラーメッセージが表示されます。そのため、オプションはブラウザ認識コード（過去10年間に動画の埋め込みで何も得られなかったことを意味します）またはhtml5を捨てることになりました。

于 2012-11-04T16:33:00.260 に答える