HTML5 ビデオビューア使用のベストプラクティス

Adobe Dynamic Media Classic HTML5 ビデオビューアプリセットは、堅牢なビデオプレーヤーです。 プレーヤーの設計面では、標準の web 開発ツールを使用してビデオプレーヤーの機能全体を作成できます。 例えば、ボタン、コントロールおよびカスタムのポスター画像背景を HTML5 と CSS を使用して設計し、顧客にカスタマイズした外観を提供することができます。

ビューアの再生側では、ブラウザーのビデオ機能を自動的に検出します。 その後、アダプティブビデオストリーミングとも呼ばれる HLS （HTTP ライブストリーミング）を使用してビデオを提供します。 または、その配信方法が使用できない場合は、代わりにHTML5 プログレッシブが使用されます。

単一のプレーヤーに以下の能力を組み合わせる：

リッチメディアコンテンツの配信範囲をデスクトップユーザーとモバイルユーザーに拡大できます。 また、ビデオエクスペリエンスを確実に効率化できます。

Adobeビューアリファレンスガイドの HTML5 ビューアについても参照してください。

ビューアプリセットのトレーニングビデオも参照してください。

Adobe Dynamic Media Classic ビデオビューアを使用した、デスクトップコンピューターおよびモバイルデバイスでのビデオ再生

デスクトップおよびモバイルへのアダプティブビデオストリーミングの場合、ビットレートの切り替えに使用されるビデオは、アダプティブビデオセット内のすべての MP4 ビデオに基づいています。

ビデオ再生は、HLS ビデオまたはプログレッシブビデオを使用して行われます。 HLS （HTTP ライブストリーミング）は、アダプティブビデオストリーミングのApple標準で、ネットワーク帯域幅に基づいて再生を自動調整します。 また、ビデオの残りがダウンロードされるまで待たなくても、ビデオ内の任意のポイントを「シーク」できます。 HTTP ライブストリーミングも参照してください。 プログレッシブビデオは、ユーザーのデスクトップ画面やモバイルデバイスにダウンロードしてローカルに保存することで配信されます。

デスクトップコンピューターおよびモバイルデバイスでAdobe Dynamic Media Classic ビデオビューアを使用してビデオを再生する場合の、デバイス、ブラウザーおよび再生方法を次の表に示します。