ドキュメントDynamic Media Classic ガイド

Web サイトやモバイルサイトへのビデオの配信 deploying-video-to-your-websites-and-mobile-sites

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • トピック：

作成対象：

  • 中級
  • ユーザー

Web サイト、モバイルサイトおよびデスクトップアプリケーションは、URL 文字列または埋め込みコードを使用して、ビデオを含むAdobe Dynamic Media Classic サーバーコンテンツにアクセスします。 Adobe Dynamic Media Classicは、公開プロセス中にこれらの URL 文字列をアクティベートします。 Web ページ、モバイルページおよびデスクトップアプリケーションにビデオの URL 文字列または埋め込みコードを配置するには、Adobe Dynamic Media Classicからコピーします。

NOTE
URL または埋め込みコードは、アセットを公開するまでアクティブになりません。

ビデオの公開 publishing-video

ビデオを公開すると、Adobe Dynamic Media Classic サーバーは Web サイト、モバイルサイトまたはアプリケーションにビデオを配信できます。

ビデオの公開に使用できる方法は 2 つあります。

  • Publishのビデオは、アップロード時に自動で即座に公開されます: ビデオのアップロードプロセスの一環として、Adobe Dynamic Media Classicでは、ビデオがアップロードおよびエンコードされる際にビデオを自動で公開できます。 このインスタントパブリッシング機能により、事後にビデオを個別に公開する必要がなくなります。

  • アップロード後に手動でPublish ビデオを公開：ビデオをすぐに公開しない場合は、いつでも手動で公開できます。

ビデオを公開すると、Adobe Dynamic Media ClassicによってHTMLページまたはアプリケーションコードの URL 文字列がアクティベートされます。

ビデオを公開するには：

  1. 次のいずれかの操作を行います。

    • アップロード時にビデオを自動的かつ即座に公開するには、アップロードページで「アップロード後にPublish」を選択します。 完了後は、それ以上の手順は必要ありません。
    • アップロード後にビデオを手動で公開するには、参照パネルでビデオを選択し、グローバルナビゲーションバーで「Publish」を選択します。

ビデオ URL のモバイルサイトまたは web サイトへのリンク linking-a-video-url-to-a-mobile-site-or-a-website

ビデオを公開すると、関連する URL を取得して、web サイト、モバイルサイト、デスクトップアプリケーションで使用できます。 Web ページの上部にあるポップアップウィンドウまたはモーダルウィンドウにビデオを表示する場合は、ビデオ URL を使用します。

顧客がリンクを選択すると、そのデバイス、帯域幅、画面サイズが自動的に検出されます。 デスクトップの場合は、定義済みビューアでの再生に適したビデオが表示され、スマートフォンおよびタブレットの場合は、携帯端末のネイティブビデオプレーヤーでの再生に適したビデオが表示されます。

Web ページへのビデオビューアの埋め込みも参照してください。

ビデオ URL をモバイルサイトまたは web サイトにリンクするには：

  1. アセットの参照パネルの 表示 ドロップダウンリストで、「ビデオ」または アダプティブビデオセット を選択します。

  2. 左側のアセットライブラリパネルで、リンクするビデオまたはアダプティブビデオセットを含むアセットフォルダーに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

    • グリッド表示 または リスト表示 を選択します。 アセットの参照パネルで、単一アセットのビデオサムネールをダブルクリックして、詳細ビューで開きます。右側の URL と埋め込みコード パネルの「HTTP ストリーミング」で、ビューアの右側にある「URL をコピー」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

    • グリッド表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、サムネール画像の下で プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「URL をコピー」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

    • リスト表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、サムネール画像の右側で プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「URL をコピー」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

    • グリッド表示、リスト表示 または 詳細表示 を選択します。 同じツールバーで、プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「URL をコピー」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられた URL をコピーします。

  4. HTML5 ビデオ URL のリンクを Web サイトおよびモバイルサイトに貼り付けます。

Web ページへのビデオビューアの埋め込み embedding-the-video-viewer-on-a-web-page

Web ページに埋め込んだビデオを再生する場合は、埋め込みコード機能を使用します。 埋め込みコードをクリップボードにコピーして、Web ページに貼り付けることができます。 埋め込みコードダイアログボックスでは、コードを編集することはできません。

ビデオ URL のモバイルサイトまたは web サイトへのリンクも参照してください。

ビデオビューアを Web ページに埋め込むには：

  1. アセットの参照パネルの「表示」ドロップダウンリストで、「ビデオ」または「アダプティブビデオセット」を選択します。

  2. 左側のアセットライブラリパネルで、埋め込みコードをコピーするビデオまたはアダプティブビデオセットを含むアセットフォルダーに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

    • グリッド表示 または リスト表示 を選択します。 アセットの参照パネルで、単一アセットのビデオサムネールをダブルクリックして、詳細ビューで開きます。右側の URL と埋め込みコード パネルの「HTTP ストリーミング」で、目的とするビューアの右側にある「埋め込みコード」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられている 埋め込みコード を選択します。

    • グリッド表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、ビデオサムネール画像の下で プレビュー/ ビューアリスト を選択します。

      ビューアリストページの表の「アクション」列で、「埋め込みコード」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられている 埋め込みコード を選択します。

    • リスト表示 を選択します。 アセット参照パネルで、アセットを 1 つ選択し、サムネール画像の右側で プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「埋め込みコード」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられている 埋め込みコード を選択します。

    • グリッド表示、リスト表示 または 詳細表示 を選択します。 同じツールバーで、プレビュー/ビューアリスト に移動します。

      ビューアリストページの表の「アクション」列で、「埋め込みコード」を選択します。 ベストプラクティスとして、Universal_HTML5_Video ビューアに関連付けられている 埋め込みコード を選択します。

  4. 埋め込みコードダイアログボックスで、「クリップボードにコピー」を選択します。

    埋め込みコードダイアログボックスでは、コードを編集することはできません。

  5. 閉じる を選択します。

  6. 埋め込みコードを Web ページに貼り付けます。

MP4 ビデオアセットでHTML 5 ビデオを使用するための埋め込みコードの実装 implementing-embed-code-for-using-html-video-with-mp-video-assets

Adobe Dynamic Media Classic HTML5 ビデオプレーヤーを使用したくない場合があります。 MP4 ビデオアセットでネイティブのHTML5 <video> タグを使用する場合は、代わりに以下の埋め込みコードサンプルを使用できます。

<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>

サードパーティのビデオプレーヤーを使用したビデオのデプロイ deploying-video-using-a-third-party-video-player

Dynamic Media Classic ビデオビューアではなく、サードパーティのビデオプレーヤーまたはカスタム組み込みのビデオプレーヤーを使用する場合は、HLS マルチビットレートのビデオストリーミングまたはプログレッシブダウンロードに適したダイレクトビデオ URL を取得します。

サードパーティのビデオプレーヤーを使用してビデオをデプロイするには：

  1. Adobe Dynamic Media Classicのグローバルナビゲーションバーで、設定/アプリケーション設定/一般設定 に移動します。
  2. 使用する 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 を生成するには、公開操作を実行します。

Publishのビデオを参照してください。

公開後、URL および埋め込みコードパネルの詳細ビューでビデオサムネールの URL を取得できます。ビデオサムネールの右側の URL をコピー を選択して、関連する URL をコピーします。

ビデオビューアでのポスターフレームの変更 modifying-poster-frames-in-video-viewers

ポスターフレーム ​は、ビデオの再生開始前にビデオビューアに表示される最初のフレームです。Adobe Dynamic Media Classicでは、ビデオサムネールをポスターフレームとして使用します。

ポスターフレームに画像修飾子を適用できます。例えば、ポスターフレームを切り抜いたり、透明にしたりすることができます。ポスターフレームを変更するには、ビデオビューアの設定画面を開いて、「ポスター画像修飾子」セクションに修飾子を入力します。

詳しくは ビデオビューアプリセットの追加または編集を参照してください。

画像サービングガイドを参照してください。

また、ビデオサムネールの URL に修飾子を追加して、ビデオサムネールを変更することもできます。

Related Articles
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26