ウェブサイトのビデオエンコード

Question

私はウェブサイトにビデオを埋め込むのが少し初めてです。それに取り組むための最良の方法は何ですか？私はちょうどそれを読み始めました。

HTML5とブラウザのネイティブプレーヤーを使用する必要があることを読みました。 - ブラウザのプレーヤーを使用し、ブラウザがHTML5を使用してフラッシュプレーヤーにダウングレードしていないかどうかを検出するJavaScriptライブラリを知っている人はいますか？

エンコードに関しては、最良のアプローチは何ですか？ FFMPEGを使用してビデオを変換するための小さなコンソールアプリを作成する予定です。しかし、どのエンコードを使用する必要がありますか？ H.264が有望であると聞きましたか？だが

Answer 1

これはあなたが探しているものです： http://videojs.com/

賢明なエンコード、私はH.264だと思います と Webmは賢明な選択です。そうすれば、すべての最新のブラウザとモバイルデバイス（iOSとAndroidを含む）を満たし、古い、Pre-HTML5ブラウザー（およびFF 3.6のみがTheoraをサポートするFF 3.6の場合にのみFlashに戻ります。

Answer 2

DIYアプローチは、を使用することです みんなのためのビデオ 埋め込みコード。これは、HTML5ビデオとFlashへのフォールバックでリードします。次に、ビデオエンコーディングの場合、FFMPEGを使用しているように使用できます。

あなたの人生を楽にするために、あなたはチェックアウトする必要があります Videojs HTML5ビデオプレーヤー用。多くのクロスブラウザの問題と、ブラウザがまだサポートしていないいくつかの追加機能を処理します。ビデオエンコーディングについては、エンコードの自動化に特にFFMPEGを使用することを計画している場合は、チェックアウトする必要があります ZenCoderのビデオエンコードAPI. 。セットアップ時間と互換性の問題を節約できます。

コーデックの場合、＃1の優先度はH.264である必要があります。特にベースラインプロファイルを使用して、スマートフォンで動作します。その後、OGGとWebMはどちらも良い選択です。 WebMはファイルサイズに対してより高い品質ですが、OGGはより多くのユーザーによって表示される可能性があります。また、H.264のみを実行する場合、すべてのコードのビデオはFirefoxとOpera（H.264をサポートしていない）でフラッシュするためにフォールバックしないため、VideoJSのようなプレーヤーを使用する必要があります。

Answer 3

特にHTML 5サポートには、ビデオエンコーディングにはハンドブレーキを使用します。

HTML 5はビデオを埋め込む素晴らしい方法ですが、まだ標準化されていません。 iOSデバイスをサポートしている場合は、ビデオを埋め込む最も主流の方法であるフラッシュをサポートしていないため、間違いなく使用したいと思います。

HTML5は非常に素晴らしいです。

<video src="video.m4v" />

これがあなたが便利だと思う素晴らしいリンクです：http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/

Answer 4

格下げは簡単です...

u003Cvideo ... >ブラウザはHTML5ビデオをサポートしていませんu003C/video>

ビデオタグの開閉の間にダウングレードコードを配置します...非HTML5ブラウザは、ビデオタグを無視し、開閉とクロージングのビデオタグ間のフラッシュまたはHTMLコードをレンダリングします。 HTML5ブラウザはビデオをレンダリングし、HTMLコードを無視します。

この機能は、Chromeframeについて人々に知らせるためにも使用できます http://wsmithdesign.wordpress.com/2010/10/03/using-html5-video-tag-with-ie8/ IE 6-8で動作し、HTML5ビデオを使用できるようにします。

ビデオ形式はまだ問題です。すべてのブラウザがMP4をサポートするわけではなく、すべてのブラウザがOGVをサポートするわけではありません。

Answer 5

HTML5とブラウザのネイティブプレーヤーを使用する必要があることを読みました

どのバカがあなたにそれを言ったのですか？クライアントの人口のかなりの部分を解き放つことを考えると、HTML 5ブラウザの単一文化を運営していることを考えると、マクドナルドでハンバーガーにサービスを提供するべきだと言った人は、人々にアドバイスをしません。 HTML 5と統合プレーヤーは優れていますが、一般の人々のためにはまだありません。数年後、はい。さて - 私がウェブサイトにビデオを掲載するためにウェブ会社を雇ってそれを行うと、彼らは著しい怠慢と無能で訴えられます。

今日、再生はほとんどフラッシュです - それは高い浸透を持っています。フラッシュビデオプレーヤーは、YouTubeのようなサイトが現在使用しているものでもあります。より少ない（浸透）に行くと、シルバーライトは非常に優れており、完全なバックエンドインフラストラクチャがあります。

H.264が有望であると聞きましたか？

だから何？まず、再生側を修正する必要があります。次に、再生の決定を考慮して、どんな形式でも最も効率的な形式を使用します。