動画にテキスト オーバーレイを追加する

このトピックでは、ビデオにテキスト オーバーレイを追加する方法について学びます。

Interactivity モジュールは、動画にさまざまなタイプのインタラクティブ オーバーレイを追加する機能を提供します。テキストや画像のオーバーレイは、ビデオ再生中にビデオ上に表示することができます。例えば、動画上にテキストや会社のロゴを追加表示することができます。オーバーレイはクリック可能で、必要に応じて追加のウェブページを開くこともできます。

 

はじめる前に

プレーヤーにインタラクティブ機能を追加する前に、インタラクティブ機能が有効な Brightcove プレーヤーが必要であり、インタラクティブ プロジェクトが作成されていることを確認する必要があります。この方法については、 動画インタラクティブ入門を参照して下さい。

テキストオーバーレイの追加

テキスト オーバーレイは、再生中のビデオにテキストを表示するために使用します。オーバーレイはクリック可能で、クリックすると別のブラウザ ページが開きます。次の例では、テキスト オーバーレイは動画の 75% の時点で表示され、動画の最後まで表示されます。オーバーレイをクリックすると、新しいブラウザ タブでリンクが開き、動画が一時停止します。


以下の手順に従って、プロジェクトにテキスト オーバーレイを追加してください:

  1. Video Cloud Studio にログインします。
  2. Interactivity モジュールを開きます。
  3. 新規プロジェクト をクリックします。
  4. プロジェクト タイトルを入力して下さい。
  5. 使用するビデオを選択します。
  6. 作成をクリックします。
  7. テキストを表示させたい時点までビデオを再生します。
  8. 下部のツールバーで、テキスト オーバーレイのアイコンをクリックします。
  9. メニューの Editor リンクをクリックして下さい。
  10. オーバーレイのテキストを入力し SUBMIT をクリックします。
  11. オーバーレイをクリックし、ビデオの表示したい場所にドラッグします。
  12. Start Time メニューをクリックします。
  13. Start Time (開始時間)を 秒単位、パーセンテージ、または時間形式で入力します。この例では、開始時間をビデオの75%ポイントに設定しています。 SAVE (保存)をクリックします。
  14. 時計のアイコンをクリックして、オーバーレイの表示時間を設定し、SUBMIT (送信)をクリックします。
  15. Link (リンク)メニューをクリックします。
  16. オーバーレイがクリックされた時に誘導する URL を入力します。
  17. (オプション) BEHAVIOR (挙動) タブをクリックし、 ビデオクリック時に一時停止するようにします。SAVE (保存)をクリックします。
  18. Done (完了)をクリックします。
  19. 埋め込むをクリックします。
  20. プレビューをクリックして、ビデオを再生してオーバーレイが表示されることを確認します。