9

私はウェブサイトを運営しており、その一部には約 700 の参考動画があります (いいえ、それはポルノではありません - 頭から離れてください :-) )。

動画は現在 FLV 形式です。JWPlayer を使用してこれらのビデオをレンダリングします。IIS6 がホストされています。すべてがうまく機能します。

私が理解しているように、H.264 (FLV ではなく、OGG でもない可能性が高い) は、新たに推奨される HTML5 ビデオ標準です。今日、iPad は実際には H.264 または YouTube のみを尊重します。おそらく、すぐに多くの重要なブラウザーが Apple の先導に従い、HTML5 タグのみを尊重するようになるでしょう。

わかりました。既存のビデオを適切な H.264 形式に変換する方法を理解できると思います。ffmpeg.exe など、さまざまなツールが利用可能です。まだ試していませんが、コーデック設定をいじれば問題ないと思います。

私の質問は、コンテナー自体に関するものです。つまり、すべてのユーザーに適切な移行を計画することです。これらのビデオをレンダリングするためのベスト プラクティスの推奨事項は何ですか? HTML5 タグだけを使用すると、おそらく HTML5 をまだサポートしていないブラウザではビデオが表示されません。また、JWPlayer またはその他のプレーヤーを介して Flash 形式でレンダリングすると、iPad で再生できなくなります。何をレンダリングするかを理解するために、ここで醜い UserAgent 検出を行う必要がありますか?

JWPlayer が H.264 メディアをサポートしていることは知っていますが、プレーヤー自体は Flash コンポーネントなので、iPad では再生できないのでしょうか? 明確でない場合は申し訳ありませんが、現在のブラウザー、iPad、および今後の HTML5 ウェーブで機能する適切な移行計画について頭を悩ませています。私はビデオの専門家ではないので、どんなアドバイスでも大歓迎です。

4

6 に答える 6

8

Firefox はビデオ タグで H.264 をサポートしていないことに注意してください。したがって、適切なフォールバックが必要な場合は、ビデオ タグを以下のようにレンダリングし、ビデオの OGG バージョンを用意する必要があります。

       <video controls id="video" width="320" height="240" preload autobuffer >
            <source src="http://mycdn.com/videos/vid1.ogg" type="video/ogg" />
            <source src="http://mycdn.com/videos/vid1.mp4" type="video/mp4" />
            <!--RENDERED ON BROWSERS WITH NO HTML5 VIDEO SUPPORT-->
            <object width="320" height="240">
            <param name="movie" value="myplayer.swf">
            <embed src="myplayer.swf" width="550" height="400">
            </embed>
            </object>
             <!---->
        </video>
于 2010-05-03T03:52:30.803 に答える
4

これが答えなのか単なるコメントなのかはわかりませんが、元の質問の仮定の 1 つに異議を唱える必要があります。

これは、私が見ることができるものによって裏付けられていません。

  1. すべてのデスクトップ ブラウザは、Flash を含むプラグインをサポートしています。Apple 以外のほとんどのスマートフォン/タブレットは、Flash をサポートしているか、任意のプラグインをサポートしているか、代替ブラウザをサポートしています。
  2. すべてのブラウザは、iPhone OS のブラウザも含め、object タグをサポートしており、少なくともそれを使って何かをしようとしています。マーキーやフォントタグなどもサポートしています! object タグはまだ長い間存在し、私の知る限り、HTML5 の一部ですらあります。
  3. さまざまな IE バージョンに次ぐおそらく 2 番目のブラウザーである Firefox は、現時点では H.264 をサポートしていません。
  4. Microsoft は、Flash を嫌い、Silverlight を使用することを望んでいることを明らかにしました。彼らは、ネイティブの HTML5 ビデオ タグを IE9 でのみサポートすることを漠然と約束しています。それまでの間、Vista と Win7 の OS の一部として Flash プラグインを出荷しています。

とにかく、質問の真髄に到達するには、「私の質問はコンテナ自体に関するものです。つまり、すべてのユーザーに適切な移行を計画することです。これらのビデオをレンダリングするためのベストプラクティスの推奨事項は何ですか?」

HTML5 ビデオ タグは複数のソースの命名をサポートしているため、ネイティブ H.264 ビデオを「プライマリ」として配置し、Flash プレーヤーを「フォールバック」として配置して、ブラウザがストレート H.264 ビデオをサポートしていない場合に使用できます。ストリーム。

<video>
<source src="../videos/primary.mp4" type="video/mp4" />
<object>
    <param name="movie" value="fallbackplayer.swf">
    <embed src="../videos/fallbackplayer.swf">
    </embed>
</object>
</video>
于 2010-05-03T03:53:36.777 に答える
3

優れたクロスブラウザ実装について、すべての人にビデオを読むことをお勧めします。H.264 を Flash フォールバックにも使用できますが、Lachlan が言うように、ブラウザ間の完全な互換性のために Ogg でレンダリングする必要があります。

于 2010-05-06T11:42:30.120 に答える
1

ビデオコーデックの各ブラウザでのサポートは次のとおりです。

  • Firefox：Ogg Theora / Vorbis
  • オペラ：Ogg Theora / Vorbis
  • Chrome：Ogg Theora/Vorbisおよびh.264
  • Safari：h.264（XiphQTコンポーネントがインストールされたOgg Theora / Vorbis）
  • IE9：h.264

OggTheoraの代替品も提供することをお勧めします。ディスク容量について心配しているかどうかはわかりませんが、特許使用料とパテントトロールへの恐れのおかげで、私たちが立ち往生している状況です。

于 2010-05-03T15:31:02.837 に答える
1

あなたの質問に直接答えることはできませんが、doom9.orgにはビデオの変換/処理に関する優れたチュートリアルがたくさんあります。あなたに役立つかもしれません

于 2010-05-03T17:32:03.633 に答える
0

Chrome は実際には h264 サポートのプラグを抜いたことがないため、Firefox もそれを維持し、フォーマットのより良いサポートを計画しています。

https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats (ページの約 3 分の 1)

于 2013-03-19T14:59:45.247 に答える