0

私の知っている人から、彼の Web ページのビデオを FlowPlayer からネイティブの HTML 5 ビデオに変換するように依頼されました。

まず、主要なデスクトップ ブラウザー (Chrome、Firefox、IE、および Opera) をカバーするには 3 つの形式で十分であると読みました。から始めて.avi、Miro Video Converter を使用して にビデオを取得しました.mp4。次のように表示.oggさ.webmれます。

ここに画像の説明を入力

相互互換性をさらに高めるために、VideoJSを使用することにしました。

マークアップも簡単に見えました。

<video id="example_video_1" class="video-js vjs-default-skin"
       controls preload="auto" width="500px" height="300px"
       poster="something.png">
   <source src="something.mp4" type="video/mp4" />
   <source src="something.webm" type="video/webm" />
   <source src="something.ogv" type="video/ogg" />
</video>

これが私がブラウザで見つけたものです（すべての最新バージョン）：

  • Google Chrome v30.0 : まったく問題ありません。.mp43 つの形式の中で最も品質の高いものを選びました。偉大な。
  • Opera v12.16 : 繰り返しますが、少し驚くべきことに、問題はありません。Chrome と同じ動作です。
  • IE 11 : ここからは下り坂です。IE 11 は、ビデオ全体のバッファリングが完了するのを待ってから、オーディオのみの再生を開始します。というわけで、音声＋ポスターでした。
  • Firefox v24.0 : IE とは異なり、ビデオ全体がバッファリングされるのを待ちませんが、IE と同様に、オーディオのみを再生し、ビデオは再生しません。.mp4Windows 7以降のOSである限り、Firefoxは実際に再生をサポートしているとどこかで読みました。Windows 8 を使用しています。

次に、Apache について調べました。ヘッダーには、Firefox と IE の両方がmp4を他の MIME タイプとは対照的に認識していると記載されていました。それでも、私は以下を my に追加しました.htaccess:

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

それは違いはありませんでした。

次に、動画が最初sourceになるようにタグの順序を入れ替えました。.ogv現在、ビデオは Firefox でも再生されていますが、.ogvは ほど高品質ではありません.mp4。

問題のページはこれです: http://keyrecords.com/Artist%20Pages/haggard.html

説明のみを目的として、上記のページにリンクしています。上のページでは、.ogv最初に来るので、はい、Firefox で再生されることがわかります。

私の質問はこれです: Firefox と IE 10/11 で を再生するにはどうすればよい.mp4ですか? これらは、Windows 7/8 マシンを実行している各ブラウザーの最新バージョンであると考えて間違いありません。

編集: MediaInfo は、ファイルに関する次の情報を提供してくれました (正しく見えますか?):

ここに画像の説明を入力

4

1 に答える 1

1

HandBrake コンバーターを使用して問題を解決できました。

私はそれに既存のものを与え、次の仕様.mp4で新しいものを与えるように頼みました:.mp4

ここに画像の説明を入力 ここに画像の説明を入力

この新しい.mp4機能は、4 つのブラウザすべてで問題なく動作します:)

Miro Video コンバーターがファイルを変換する方法に問題があり、IE と Firefox ではオーディオ トラックのみが表示され、ビデオ トラックは表示されませんでした。これはHandBrake コンバーターを使用して再変換することで修正されました。

于 2013-10-24T01:26:24.253 に答える