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

画質セレクター、再生速度、ピクチャインピクチャ、全画面表示コントロール、縦型音量スライダーなど、さまざまなプレーヤーコントロールを設定できます。

コントロール プロパティを設定するには、以下の手順に従ってください：

以下のコントロールを設定できます：

変更を加えた後は、プレーヤーを再公開して変更内容が反映されるようにしてください。

品質セレクター

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

品質セレクターを有効にすると、品質セレクターラベル に次の2つのオプションが利用可能になります：

解像度を表示（例：720p） - レンディションが水平解像度で表示されます。

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

この設定は、Players モジュールの UI からではなく、プラグインパラメーターを編集して行う必要があります。詳細はQuality Selection プラグインドキュメントをご参照ください。
HD/SDを表示 - プレーヤーは各レンディションのビットレート情報をもとに、SD か HD かを判断して表示します。

コントロールバーに早送り（または巻き戻し）ボタンを追加します。このボタンを使用すると、指定した秒数（5秒、10秒、または30秒）だけビデオを早送り（または巻き戻し）することができます。

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

フルスクリーン を選択すると、全画面表示コントロールが有効になります。全画面表示コントロールを使用すると、プレーヤーを拡大して画面全体に表示できます。ビデオの再生が始まると、プレーヤーの右下に全画面アイコンが表示されます。

縦向き音量ボタンを選択すると、音量スライダーが縦方向に表示されます。

サムネイルシークを選択すると、進行バー上にビデオのサムネイルが表示されます。

次のビデオへスキップ（プレイリスト）を選択すると、スキップコントロールが有効になります。スキップコントロールをクリックすると、プレイリスト内の次のビデオへ進むことができます。

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

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

次のスクリーンショットは、ピクチャインピクチャボタンをクリックした結果を示しています。プレーヤーはデフォルトで画面の右下付近（ブラウザではありません）に移動します。プレーヤーは、視聴者が希望する場所にドラッグして移動させることができます。

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

この機能は、Players モジュールの JSON エディター オプションを使用して Studio で無効にすることができます。そのためには、以下のように設定オプション"picture_in_picture_control": false,を追加します：