プレーヤーコントロールの設定

このトピックでは、プレーヤーのコントロールを設定する方法を学びます。

品質セレクター、再生速度、ピクチャーインピクチャー、フルスクリーンコントロール、縦型音量スライダーなどのプレーヤーコントロールは、プレーヤーに対して設定できます。

Controls プロパティを設定するには、次の手順に従ってください:

  1. Players モジュールを開きます。
  2. 設定するプレーヤーをクリックします。
  3. Overview タブの Controls アコーディオンを開きます。
Controls accordion

次のコントロールを設定できます:

変更を行った後、Publish Changes をクリックすると、公開済みプレーヤーで変更が表示されるようになります。

Seek Forward/Backward

Seek Forward および Seek Backward を有効にすると、コントロールバーにスキップボタンが追加されます。これらのボタンを使用すると、視聴者は動画を前後にジャンプできます。

Playback Rates

Playback Rates コントロールは、バージョン 7 以降のすべての新しいプレーヤーでデフォルトで有効になっています。この機能により、異なる再生速度を手動で選択できるようになります。再生速度アイコンがプレーヤーの右下隅に表示されます。

Playback rates menu on the player

Fullscreen

Fullscreen を選択すると、フルスクリーンコントロールが有効になります。フルスクリーンコントロールを使用すると、プレーヤーのサイズを変更してディスプレイ全体に表示できます。動画の再生が開始されると、フルスクリーンアイコンがプレーヤーの右下隅に表示されます。

Vertical Volume Slider

Vertical Volume Slider を選択すると、音量スライダーが縦に表示されます。

Vertical volume slider on the player

Thumbnail Seeking

Thumbnail Seeking を選択すると、プログレスバー上に動画のサムネイルが表示されます。

Thumbnail preview above the progress bar

Picture-in-picture

HTML5 のピクチャーインピクチャー機能は次のように定義されています: Webサイトが他のウィンドウの上に常に表示される浮動型の動画ウィンドウを作成できるようにし、ユーザーがデバイス上の他のコンテンツサイトやアプリケーションを操作しながらメディアの視聴を継続できるようにする

ピクチャーインピクチャーの例を、次の 2 つのスクリーンショットに示します。最初のスクリーンショットは、動画を表示しているプレーヤーを含むブラウザを示しています。プレーヤーの右下にあるピクチャーインピクチャーボタン(赤い矢印で示されている)に注目してください。

Player with picture-in-picture button highlighted

次のスクリーンショットは、ピクチャーインピクチャーボタンをクリックした結果を示しています。プレーヤーはデフォルトで画面(ブラウザではない)の右下付近に移動します。次に、視聴者は希望する位置にプレーヤーをドラッグして配置できます。

Player floating in picture-in-picture mode

この機能はデフォルトで有効になっています。すべてのブラウザがこのピクチャーインピクチャー機能をサポートしているわけではありません。次の表に、現在のサポート状況を示します。

ブラウザ サポート
Chrome バージョン 78 以降でサポート
Safari バージョン 13.1 以降でサポート
Firefox バージョン 13.1 以降でサポート
Edge バージョン 78 以降でサポート

Studio では、Overview タブの JSON Editor アコーディオンを使用してこの機能をオフにできます。これを行うには、設定オプション "picture_in_picture_control": false, を追加します。

Quality Selector

Quality Selector を有効にすると、動画の再生中に異なるレンディションを手動で選択できるようになります。プレーヤーの右下隅に歯車アイコンが表示されます。

Quality Selector が有効な場合、レンディションメニューに次のラベルオプションが利用できます:

  • Show Resolution (e.g., 720p) - レンディションは水平解像度の行で表示されます
    Quality selector menu showing resolutions

    このオプションを使用する場合、別のパラメーター(resolutionLabelBitrates)を Quality Selection プラグインに追加して、ビットレートも表示できます。

    Quality selector menu showing resolutions with bitrates

    現在、Players モジュールの UI を使用してこのオプションを設定する方法はないため、これはプラグインパラメーターを編集して行う必要があります。詳細については、Quality Selection Plugin ドキュメントを参照してください。

  • Show HD/SD - プレーヤーは各レンディションのビットレート情報を確認して、SD または HD を判定します
    Quality selector menu showing HD and SD