Brightcove プレーヤーへのサムネイルシークの追加

このトピックでは、Brightcove プレーヤーにサムネイルシークを追加する方法を学びます。
 

プレーヤーは、プレーヤーのプログレスバー上に動画サムネイル画像を表示するように設定できます。サムネイル画像は、その時点での動画のプレビューを表示し、視聴者が動画をプレビューして動画の特定のポイントにジャンプできるようにします。下の動画を再生し、プログレスバーの上にカーソルを置いてサムネイルシーク機能を確認してください。

サムネイル画像はいつ生成されますか?

Brightcove はリクエスト時に画像を動的に生成します。Dynamic Delivery で取り込まれた任意の動画は、最初のリクエスト時に画像が生成されます。これにより、使用されていない動画に対して画像が作成されないようにします。一度生成されると、画像は他の画像と同様に、繰り返し閲覧されるためにローカルと CDN にキャッシュされます。

画像はどのくらいの頻度で生成されますか?

サムネイルリストは、初期化時のプレーヤーのピクセル幅に基づいてフィルタリングされます。このリストは、プレーヤーのスタイル、ウィンドウのサイズ、プラットフォーム/デバイスなどによって大きく異なります。サムネイルプラグインは、ユーザーがプログレスバー上にカーソルを置いたときに、おおよそ 30px ごとに新しいサムネイルを表示することを目指しています。たとえば、プレーヤーが 1,500px 幅の場合、プレーヤーはリストを 50 個のサムネイルにフィルタリングしようとします。WebVTT キューの残りの時間間隔は、コンテンツの再生時間に応じて調整されます。

要件

サムネイルシークを使用するには、次のものが必要です:

  • Brightcove Player バージョン 6.41.0 以降
  • 動画は Dynamic Delivery 取り込みプロファイルを使用して取り込まれている必要があります
  • サーバーサイド広告挿入 (SSAI) を使用する場合は、videojs-ssai プラグインバージョン 1.10.0 以降を使用する必要があります

サムネイルシークの設定

デフォルトでは、新しく作成されるプレーヤーに対してサムネイルシークが有効になっていることに注意してください。プレーヤーのサムネイルシークを設定するには、次の手順に従ってください:

  1. Players モジュールを開きます。
  2. 設定するプレーヤーのリンクをクリックします。
  3. Overview タブの Controls セクションを展開します。
  4. Thumbnail Seeking をチェックします。
    Controls section with Thumbnail Seeking checkbox enabled
  5. Publish changes をクリックして、プレーヤーを公開します。変更が公開済みプレーヤーに反映されるまで、最大 5 分かかる場合があることに注意してください。