プレーヤーのエンドスクリーンの設定

このトピックでは、プレーヤーのエンドスクリーンを設定する方法について説明します。
 

プレーヤーは、動画が終了したときにエンドスクリーンが表示されるように設定できます。エンドスクリーンは、リプレイおよび共有アイコンを表示するように設定したり、HTML を含むようにカスタマイズしたりできます。以下にカスタムエンドスクリーンの例を示します。

視聴者が動画をリプレイしたり、動画を人気のソーシャルメディアサイトに共有したりできるように、アイコンが表示されます。

プレーヤーのエンドスクリーンを設定するには、次の手順に従ってください:

  1. Players モジュールを開きます。
  2. 設定するプレーヤーのリンクをクリックします。
  3. Overview タブの End Screens セクションを展開します。
    End Screens section
  4. End Screen ドロップダウンからオプションを選択します:
    • None - エンドスクリーンは表示されません
    • Social - 動画終了時にソーシャル共有ダイアログを表示します
    • Custom - 動画終了時にカスタムエンドスクリーンを表示します

Social エンドスクリーン

Social オプションを選択すると、動画終了時にソーシャル共有ダイアログが表示されます。

ソーシャル共有エンドスクリーンを使用するには、プレーヤーのソーシャル共有が有効になっている必要があります。Social オプションを選択すると、ソーシャル共有は自動的に有効になります。表示されるソーシャル共有オプションは、ソーシャル設定の一部として設定された内容に基づきます。ソーシャル設定の詳細については、Configuring the Social Properties for a Player を参照してください。

Custom エンドスクリーン

Custom オプションを選択すると、カスタム HTML を使用してリプレイおよび共有アイコンの上に追加のテキストまたは画像を表示できます。カスタムエンドスクリーンを設定するには、Custom を選択し、Custom HTML プロパティに表示する HTML を貼り付けます。

次のコードは、プレーヤーのエンドスクリーンに画像を表示します。

<div style="text-align:center">
<p>This video sponsored by</p><br/>
<img src="http://support.brightcove.com/site-assets/images/site/SVG/COVE004_Brightcove_Logo_093020_RGB_Blue.svg"/>
</div>
Custom end screen with HTML code