Web サイトやモバイルサイトへのビデオの配信 deploying-video-to-your-websites-and-mobile-sites
Web サイト、モバイルサイト、デスクトップアプリケーションは、URL 文字列または埋め込みコードを使用して、ビデオなどのAdobe Dynamic Media Classicサーバーコンテンツにアクセスします。 Adobe Dynamic Media Classicは、公開プロセス中にこれらの URL 文字列をアクティベートします。 Web ページ、モバイルページおよびデスクトップアプリケーションにビデオの URL 文字列または埋め込みコードを配置するには、Adobe Dynamic Media Classicからコピーします。
ビデオの公開 publishing-video
ビデオを公開すると、Adobe Dynamic Media Classic Servers はビデオを Web サイト、モバイルサイトまたはアプリケーションに配信できます。
ビデオの公開に使用できる方法は 2 つあります。
-
アップロード時にビデオを自動的かつ即時に公開 — ビデオのアップロードプロセスの一環として、Adobe Dynamic Media Classicは、ビデオがアップロードされエンコードされる際に、自動的に公開できます。 この即時公開機能があることで、アップロードとエンコード後にビデオを個別に公開する必要がありません。
-
アップロード後にビデオを手動で公開 — ビデオをすぐに公開したくない場合は、いつでも手動でビデオを公開できます。
ビデオを公開すると、Adobe Dynamic Media Classicは、HTMLのページまたはアプリケーションコードの URL 文字列をアクティベートします。
ビデオを公開するには:
-
次のいずれかの操作を行います。
- アップロード時にビデオを自動的かつ即時に公開するには、アップロードページで、 アップロード後に公開. 完了後は、それ以上の手順は必要ありません。
- アップロード後にビデオを手動で公開するには、参照パネルでビデオを選択し、グローバルナビゲーションバーで 公開.
ビデオの URL をモバイルサイトまたは Web サイトにリンクする linking-a-video-url-to-a-mobile-site-or-a-website
ビデオを公開する際に、Web サイト、モバイルサイトまたはデスクトップアプリケーションで使用するために、ビデオに関連付けられた URL を取得できます。 このビデオ URL は、Web ページの上のポップアップウィンドウかモーダルウィンドウでビデオを再生する場合に使用します。
顧客がリンクを選択すると、デバイス、帯域幅、画面サイズが自動的に検出されます。 デスクトップの場合は、定義済みビューアでの再生に適したビデオが表示され、スマートフォンおよびタブレットの場合は、携帯端末のネイティブビデオプレーヤーでの再生に適したビデオが表示されます。
関連トピック Web ページにビデオビューアを埋め込む.
ビデオ URL をモバイルサイトまたは Web サイトにリンクするには:
-
アセット参照パネルで、 表示 ドロップダウンリストで、「 ビデオ または アダプティブビデオセット.
-
左側のアセットライブラリパネルで、リンクするビデオまたはアダプティブビデオセットを含むアセットフォルダーに移動します。
-
アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。
-
選択 グリッド表示 または リスト表示. アセットの参照パネルで、単一アセットのビデオサムネールをダブルクリックして、詳細ビューで開きます。右側の URL と埋め込みコードパネルの「HTTP ストリーミング」で、「 URL をコピー を選択します。 ベストプラクティスとして、
Universal_HTML5_Video
閲覧者。 -
選択 グリッド表示. アセットの参照パネルで、1 つのアセットを選択し、サムネール画像の下で、に移動します。 プレビュー > ビューアリスト.
ビューアリストページの表の「アクション」列で、を選択します。 URL をコピー. ベストプラクティスとして、
Universal_HTML5_Video
閲覧者。 -
選択 リスト表示. アセットの参照パネルで 1 つのアセットを選択し、サムネール画像の右側にあるに移動します。 プレビュー > ビューアリスト.
ビューアリストページの表の「アクション」列で、を選択します。 URL をコピー. ベストプラクティスとして、
Universal_HTML5_Video
閲覧者。 -
選択 グリッド表示, リスト表示 または 詳細ビュー. 同じツールバーで、に移動します。 プレビュー > ビューアリスト.
ビューアリストページの表の「アクション」列で、を選択します。 URL をコピー. ベストプラクティスとして、
Universal_HTML5_Video
閲覧者。
-
-
HTML5 ビデオ URL のリンクを Web サイトおよびモバイルサイトに貼り付けます。
Web ページにビデオビューアを埋め込む embedding-the-video-viewer-on-a-web-page
Web ページにビデオを埋め込んで再生したい場合は、「埋め込みコード」機能を使用します。埋め込みコードをクリップボードにコピーして、Web ページに貼り付けることができます。埋め込みコードダイアログボックスでは、コードを編集することはできません。
関連トピック ビデオの URL をモバイルサイトまたは Web サイトにリンクする.
Web ページにビデオビューアを埋め込むには:
-
アセット参照パネルの「表示」ドロップダウンリストで、 ビデオ または アダプティブビデオセット.
-
左側のアセットライブラリパネルで、埋め込みコードをコピーしたいビデオまたはアダプティブビデオセットを含むアセットフォルダーに移動します。
-
アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。
-
選択 グリッド表示 または リスト表示. アセットの参照パネルで、単一アセットのビデオサムネールをダブルクリックして、詳細ビューで開きます。右側の URL と埋め込みコードパネルの「HTTP ストリーミング」で、「 埋め込みコード を選択します。 ベストプラクティスとして、「 」を選択します。 埋め込みコード これは
Universal_HTML5_Video
閲覧者。 -
選択 グリッド表示. アセットの参照パネルで 1 つのアセットを選択し、ビデオサムネール画像の下でを選択します。 プレビュー > ビューアリスト.
ビューアリストページの表の「アクション」列で、を選択します。 埋め込みコード. ベストプラクティスとして、「 」を選択します。 埋め込みコード これは
Universal_HTML5_Video
閲覧者。 -
選択 リスト表示. アセットの参照パネルで 1 つのアセットを選択し、サムネール画像の右側にあるに移動します。 プレビュー > ビューアリスト.
ビューアリストページの表の「アクション」列で、を選択します。 埋め込みコード. ベストプラクティスとして、「 」を選択します。 埋め込みコード これは
Universal_HTML5_Video
閲覧者。 -
選択 グリッド表示, リスト表示 または 詳細ビュー. 同じツールバーで、に移動します。 プレビュー > ビューアリスト.
ビューアリストページの表の「アクション」列で、を選択します。 埋め込みコード. ベストプラクティスとして、「 」を選択します。 埋め込みコード これは
Universal_HTML5_Video
閲覧者。
-
-
埋め込みコードダイアログボックスで、「 クリップボードにコピー.
埋め込みコードダイアログボックスでは、コードを編集することはできません。
-
選択 閉じる.
-
埋め込みコードを Web ページに貼り付けます。
MP4 ビデオアセットでHTML5 ビデオを使用するための埋め込みコードの実装 implementing-embed-code-for-using-html-video-with-mp-video-assets
Adobe Dynamic Media Classic Player を使用せずに、ネイティブのHTML5 を使用したい場合。 <video>
タグに MP4 ビデオアセットを追加すると、次の埋め込みコードのサンプルを使用できます。
<video poster="S7 video thumbnail URL" controls>
<source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/>
<source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
<p>This is fallback content</p>
</video>
-
置換
"S7 video thumbnail URL"
ビデオのサムネール URL(ユーザーがビデオを再生する前に確認するビデオのサムネール画像)が表示されます。詳しくは、 ビデオサムネールの URL の取得.
-
置換
"S7 OGG video asset URL (no player)"
に含まれます。 -
置換
"S7 MP4 mobile progressive video asset URL (no player)"
に含まれるビデオのモバイルプログレッシブ URL を入力します。
サードパーティのビデオプレーヤーを使用してビデオをデプロイする deploying-video-using-a-third-party-video-player
Dynamic Media Classicビデオビューアの代わりにサードパーティのビデオプレーヤーまたはカスタム構築のビデオプレーヤーを使用する場合、HLS マルチビットレートビデオストリーミングまたはプログレッシブダウンロードで機能する直接ビデオ URL を取得します。
サードパーティのビデオプレーヤーを使用してビデオをデプロイするには:
- Adobe Dynamic Media Classicのグローバルナビゲーションバーで、に移動します。 設定 > アプリケーション設定 > 一般設定.
- 使用する URL のタイプに応じて、次のいずれかの操作を行います。
-
直接 HLS ストリーミングビデオ URL(マルチビットレート)を生成するには
次の日: アプリケーションの一般設定 ページの サーバー グループ、 公開先サーバー名 テキストフィールドで、ダイレクト URL を作成します。 次の構文を使用します。
server/is/content/company/folder/filename.m3u8
例えば、公開先サーバー名が
https://s7d9.scene7.com/.
手順 2 の構文を使用すると、ダイレクト URL は次のようになります。https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8
-
直接 HLS ストリーミングビデオの URL(シングルビットレート)を生成するには
次の日: アプリケーションの一般設定 ページの サーバー グループ、 HLS ストリーミングサーバ名 テキストフィールドで、次の構文を使用してダイレクト URL を作成します。
server/company/folder/filename.ext.m3u8
例えば、HLS ストリーミングサーバー名が
https://s7mbrstream.scene7.com/hls-vod/
. 手順 2 の構文を使用すると、ダイレクト URL は次のようになります。https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3\_Teaser1\_High\_iPad\_768x432\_1296K.mp4.m3u8
-
プログレッシブビデオのダイレクト URL を生成するには
アプリケーションの全般設定 ページの「サーバー」グループの「プログレッシブビデオサーバー名」テキストフィールドで、次の構文を使用して eVideo のダイレクト URL を作成します。
server/company/folder/filename
例えば、プログレッシブビデオサーバ名が
https://s7d9.scene7.com/is/content/
. 手順 2 の構文を使用すると、ダイレクト URL は次のようになります。https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4
ビデオサムネールの操作 working-with-video-thumbnails
Adobe Dynamic Media Classicは、エンコードされたビデオと、事前にエンコードされたビデオのサムネールを生成します。 ビデオサムネールは、画像アセットと同じように使用できます。さらに、Adobe Dynamic Media Classicが生成するビデオサムネールの URL を取得できます。 その後、これらの URL をAdobe Dynamic Media Classicの外部にデプロイできます。 例えば、Web サイト上の検索結果、関連するビデオリスト、ビデオ再生リストにサムネールを配信できます。
ビデオの最初の不均一のフレーム(真っ黒でないフレーム、真っ白でないフレームなど)に基づきサムネールが生成されます。
ビデオサムネールの URL の取得 obtaining-video-thumbnail-urls
Adobe Dynamic Media Classicは、アップロードプロセス中にビデオサムネールを自動的に生成します。 サムネールは、リスト表示とグリッド表示の参照パネルに表示されます。
ビデオサムネールの URL を生成するには、公開操作を実行します。
詳しくは、 ビデオを公開.
公開後、URL および埋め込みコードパネルの詳細ビューでビデオサムネールの URL を取得できます。選択 URL をコピー をビデオサムネールの右側に追加して、関連する URL をコピーできます。
ビデオビューアでのポスターフレームの変更 modifying-poster-frames-in-video-viewers
ポスターフレーム は、ビデオの再生開始前にビデオビューアに表示される最初のフレームです。Adobe Dynamic Media Classicは、ビデオサムネールをポスターフレームとして使用します。
ポスターフレームに画像修飾子を適用できます。例えば、ポスターフレームを切り抜いたり、透明にしたりすることができます。ポスターフレームを変更するには、ビデオビューアの設定画面を開いて、「ポスター画像修飾子」セクションに修飾子を入力します。
詳しくは、 ビデオビューアプリセットの追加または編集.
詳しくは、 画像サービングガイド.
また、ビデオサムネールの URL に修飾子を追加して、ビデオサムネールを変更することもできます。