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

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

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

を1人のプレーヤーに組み合わせることで、次の機能を実現します。

• HTML5とCSSを使用して設計された再生コンポーネント
• 埋め込み再生
• ブラウザーの機能に基づくアダプティブストリーミングとプログレッシブストリーミングの使用

リッチメディアコンテンツのリーチをデスクトップユーザーとモバイルユーザーに拡張できます。 また、ビデオエクスペリエンスの効率化も図れます。

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

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

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

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

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