Web

Chrome の「ピクチャー イン ピクチャー」機能を使って、YouTube の動画を最前面で再生する

投稿日:2019年4月15日 更新日:

1. Chrome の「ピクチャー イン ピクチャー」機能

Chrome には「ピクチャー イン ピクチャー」という機能があり、YouTube の動画プレイヤーを Chrome のウィンドウから分離させることができます。英語で書くと Picture-in-Picture ですが、略して PiP とも書くこともあるようです。

何か他の作業をしながら、動画も表示しておきたい場合にとても便利な機能です。

※ これはあくまで Chrome の機能なので、YouTube 以外でもこの機能に対応することは可能です。

動画プレーヤー部分を分離して常に最前面に表示します
動画プレーヤー部分を分離して常に最前面に表示します

2. ピクチャー イン ピクチャーを行う方法

ピクチャー イン ピクチャー機能を使う方法は簡単で、

  1. 動画にマウスポインタを持っていき、右ボタンダブルクリックする。
  2. 表示されたメニューの中にある [ピクチャー イン ピクチャー] を選択する。

これだけです。

マウスの右ボタンをダブルクリックというのは、あまりやらない操作なので最初は違和感があるかもしれません。

3. プレイヤーの操作など

プレイヤーの操作などについて説明します。

  • 分離されたプレイヤーは常に最前面に表示されます。
  • Chrome 内の元のタブには、「ピクチャー イン ピクチャーが適用されている」ことを示すアイコンが表示されます。
  • プレイヤーの枠部分をドラッグすることで、サイズを調整することができます。もちろん移動もできます。
  • プレイヤー上からは、「再生 / 一時停止」「タブに戻る」「閉じる」などの操作ができるようになっています。

3. おわりに

すごく便利だと思うのですが、マウスの右ボタンをダブルクリックというのは、いつか変更されるのでしょうか。もう少し普通に開始できるとよいのですが。

また、最新版の Android版 Chrome でも、既に対応しているようです。

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

Web

Cookie使用の同意を求めるポップアップを表示する (Cookie Consent by Osano)

Cookie Consent by Osano の使い方について説明します。

Web

Icons8 の Free Icons を使う手順

Icons8 の Free Icons Icons8 というサイトでは、いろいろな種類の無料素材が提供されています。 今回、そのうちの1つである「アイコン(Free Icons)」を使う手順についての …

Glitch

Glitch で PHP を使う方法

Glitch は正式にPHPをサポートしていませんが、ほんの少しの設定変更により、PHPが使えるようになります。

Web

Intersection Observer API を使った画像の遅延読み込み

目次1. 画像の遅延読み込み(遅延ローディング)2. Intersection Observer API3. Intersection Observer API を使って画像を遅延読み込みする例1. …

Web

GitHub 上の Jupyter Notebooks を Binder で(実行可能な状態で)共有する

GitHub 上の Jupyter Notebooks を Binder で(実行可能な状態で)共有する方法について説明します。