Show Menu
トピック×

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

Dynamic MediaクラシックHTML5ビデオビューアプリセットは堅牢なビデオプレーヤーです。 プレーヤーの設計の点では、標準のWeb開発ツールを使用して、ビデオプレーヤーのすべての機能を作成できます。 例えば、ボタン、コントロールおよびカスタムのポスター画像背景を HTML5 と CSS を使用して設計し、顧客にカスタマイズした外観を提供することができます。
ビューアの再生の点では、ブラウザーのビデオ機能が自動的に検出されます。次に、HLS(アダプティブビデオストリーミング)を使用してビデオを提供します。 または、その配信メソッドが存在しない場合は、代わりにHTML5プログレッシブが使用されます。
HTML5 と CSS を使用した再生コンポーネントの設計、再生の埋め込み、およびブラウザーの機能に基づくアダプティブストリーミングおよびプログレッシブストリーミングの使用ができる機能を単一のプレーヤーに統合することで、リッチメディアコンテンツをデスクトップユーザーとモバイルユーザーの両方に提供し、ビデオ配信の効率化を確実に行うことができます。
『Adobeビューアリファレンスガイド』の 「HTML5ビューアについて 」も参照してください。

Dynamic Mediaクラシックビデオビューアを使用したデスクトップコンピューターおよび携帯端末でのビデオの再生

デスクトップおよびモバイル向けのアダプティブビデオストリーミングの場合、ビットレートの切り替えに使用するビデオは、アダプティブビデオセット内のすべてのMP4ビデオに基づきます。
ビデオ再生は、HLSまたはプログレッシブビデオを使用して行われます。 HLS(HTTP Live Streaming)は、アダプティブビデオストリーミングのAppleの標準で、ネットワーク帯域幅容量に基づいて再生を自動調整します。 また、残りのビデオがダウンロードされるまで待たなくても、顧客はビデオ内の任意の時点を「検索」できます。 「 HTTP Live Streaming 」も参照してください。 プログレッシブビデオは、ビデオをローカルにダウンロードして保存することで配信されます。プログレッシブビデオは、ユーザーのデスクトップ画面または携帯端末にローカルに保存されます。
次の表に、Dynamic Mediaクラシックビデオビューアを使用するデスクトップコンピューターおよび携帯端末でのビデオのデバイス、ブラウザー、再生方法を示します。
デバイス
ブラウザ
ビデオ再生モード
デスクトップ
Internet Explorer 9および10
プログレッシブダウンロード
デスクトップ
Internet Explorer 11+
HLSビデオストリーミング。
デスクトップ
Firefox 23-44
プログレッシブダウンロード
デスクトップ
Firefox 45以降
HLSビデオストリーミング。
デスクトップ
クロム
HLSビデオストリーミング。
デスクトップ
Safari(Mac)
HLSビデオストリーミング。
モバイル
Chrome(Android 6以前)
プログレッシブダウンロード
モバイル
Chrome(Android 7以降)
HLSビデオストリーミング。
モバイル
Android(デフォルトのブラウザー)
プログレッシブダウンロード
モバイル
Safari(iOS)
HLSビデオストリーミング。
モバイル
Chrome(iOS)
HLSビデオストリーミング。
モバイル
Blackberry
HLSビデオストリーミング。