Media モジュールで動画およびプレイリストを公開する
このトピックでは、動画およびプレイリストをウェブに公開する方法について説明します。他の公開オプションについては、以下をご覧ください：
プレーヤーに動画コンテンツを動的に割り当てたい場合は、プレーヤーの埋め込みコードを取得してから、プレーヤーに動画を動的に割り当てる方法のいずれかを使用してください。
動画およびプレイリストの公開
動画またはプレイリストを公開するには、以下の手順に従ってください。
- Media モジュールを開きます。
- 単一の動画を公開するには、サイドナビゲーションパネルで すべての動画 をクリックし、次のいずれかを実行します：
- 動画の横にあるチェックボックスをクリックし、 > Web に公開 をクリックします。
- 動画名をクリックし、動画プロパティページで > Web に公開 をクリックします。
- プレイリストを公開するには、サイドナビゲーションパネルで すべてのプレイリスト をクリックし、次のいずれかを実行します：
- プレイリストの横にあるチェックボックスをクリックし、 > Web に公開 をクリックします。
- プレイリスト名をクリックし、プレイリスト動画ページで プレイリストを公開 をクリックします。
- 公開ダイアログが開いていることを確認します。公開対象の動画またはプレイリスト名がダイアログのタイトルに表示されます。
既知の問題：Studio 内でプレビュー用プレーヤーが HTTPS 経由で読み込まれているため、コンテンツが HTTP 経由で提供されている場合、プレビューでは再生されず、ブラウザが「安全でないスクリプト」の警告を表示することがあります。これは Studio のバグではなく、ブラウザのセキュリティ制限によるものです。
- 使用するプレーヤーを選択します。プレイリストを公開する場合、プレイリストの 外観や動作 を制御するためのプレーヤー関連の設定がいくつかあります。詳細は下記のプレイリストのプロパティ設定セクションをご参照ください。
選択されたプレーヤーがプレビューに表示されるよう更新されます。
- （任意）プレビュープレーヤーの下にあるリンクを使用して別のブラウザタブでプレビューすることができます。短縮 ボタンをクリックすると短縮URL が生成されます。
- プレーヤーのサイズ指定方法を選択します：
- レスポンシブ - プレーヤーサイズがブラウザサイズに応じて自動調整されます。
- 固定 - 指定した幅と高さに基づいてプレーヤーサイズが決定されます。
- プレーヤーのアスペクト比を選択します。
- 1:1、3:2、4:3、16:9、21:9、9:16 のいずれかのデフォルト値からプレーヤーの幅を入力します（高さは自動で設定されます）、または カスタム で幅と高さを入力します。
- 測定単位（Units）を選択します。
- iframe または Videoタグ のいずれかをクリックして、コピーする埋め込みコードの種類を選択します。
- 標準 - iframe 埋め込みコード（ほとんどの場合に推奨）：この方法ではプレーヤーは
<iframe>タグ内に配置されます。プレーヤーのサイズが指定されている場合、iframe も同様にサイズ指定されます。サイズ指定がない場合は<div>タグ内に配置され、レスポンシブ設定によりその領域全体に拡大されます。 - 高度 - Videoタグ埋め込みコード：プレーヤーを iframe 内ではなく HTML ページ内に直接配置します。これにより、プレーヤーおよび関連プロパティやイベントへのアクセスが容易になります。ただし、ソーシャルメディアでの共有など、単一ユニットとしての利用のしやすさは失われます。このオプションは公開済みプレーヤーに対してのみ利用可能です。
- 標準 - iframe 埋め込みコード（ほとんどの場合に推奨）：この方法ではプレーヤーは
- 公開コードをコピーします。完了したら、閉じる をクリックします。
公開時に参照ID を使用する
動画やプレイリストを公開する際に、参照IDを使用することも可能です。この方法を使用すれば、誤って動画やプレイリストを削除してしまった場合でも、同じ参照ID を持つ別の動画をアップロードしたり、プレイリストを再作成することで簡単に対応できます。詳しくは、参照ID の使用をご覧ください。
埋め込みコードへのアプリケーションID の追加
以前は、サイトの異なる部分や異なるサイトで使用するために、異なる名前のプレーヤーを作成するのが一般的でした。プレーヤーの分析を確認する際、異なるプレーヤー名があることで、どのプレーヤーが最も視聴されているかを簡単に把握できました。埋め込みコードにアプリケーションID パラメーターを追加することで、同じプレーヤーを複数のサイトで使用しつつ、どこでプレーヤーが公開されたかを識別することができます。プレーヤーのアプリケーションID を使用することで、作成・管理するプレーヤーの数を削減できます。埋め込みコードへのアプリケーションID の追加については、プレーヤー埋め込みコードへのアプリケーションID の追加 をご覧ください。
プレイリストのプロパティ設定
プレイリストを使用する際には、プレイリスト関連のプレーヤープロパティを設定することができます。プレイリスト関連のプレーヤープロパティを設定するには、以下の手順に従ってください。
- Players モジュールを開きます。
- プレーヤー名をクリックして、プレーヤーのプロパティを開きます。
- プレーヤー情報プロパティの一部として、プレーヤーの種類 に プレイリスト を選択します。をクリックします。
- 左側のナビゲーションメニューからStylingをクリックします。
- プレイリストの種類を選択します：
- プレイリスト（縦） - プレイリストはプレーヤーの右側に表示されます。
- プレイリスト（横） - プレイリストはプレーヤーの下部に表示されます。
- プレイリスト（非表示） - プレイリストは表示されません。
- プレイリスト（縦） - プレイリストはプレーヤーの右側に表示されます。
- プレーヤー情報 プロパティで プレイリストの種類 に プレイリスト が選択されている場合、追加の 再生 プロパティを設定できます：
- 再生順のランダム化 - 動画はランダムな順番で再生されます
- 選択時に動画を再生 - プレイリストメニュー内のサムネイルをクリックすると、前の動画が一時停止中であっても動画が読み込まれた時点で再生されます
- 連続再生モード - 動画が自動的に次へ進み、無限に繰り返されます
- 動画カウントダウン - 連続再生モードが有効な場合のみ使用可能
- 次の動画カード（自動再生） - プレーヤーに次の動画カードが表示されます
- 次の動画終了画面（カウントダウン） - プレーヤーにカウントダウン付きの終了画面が表示されます
- をクリックして変更を保存します。変更を公開プレーヤーに反映させるには、プレーヤーの公開を忘れずに行ってください。
iframe 埋め込みコードを使用する場合、プレイリストには表示/非表示ボタンがあり、自動的にサイズと位置が調整されます。Videoタグ 埋め込みコードを使用する場合、HTML の <div> 要素としてプレイリストを挿入し、独自の CSS でサイズと位置を調整する必要があります。これにより、プレイリストの表示方法を完全にコントロールできます。この場合、プレイリストはプレーヤーの隣に配置する必要はありません。Videoタグ プレーヤー については、プレイリストの実装 ドキュメントの該当セクションに詳しい情報があります。