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

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

関連記事

MathJax を試してみました。

MathJax は、HTML上で数式を美しく表示するための JavaScriptライブラリです。 基本的な使い方は、 HTMLファイルに以下を記述して MathJax.js を読み込みます。HTMLフ …

Chrome

リソースの優先度によって同時にダウンロードされるかが決まる(Chrome)

リソースの優先度によって同時にダウンロードされるかが決まる(Chrome)。

Chrome

ブロックされた Cookie を確認する方法 (Chrome の場合)

Chrome ブラウザにおいて、ブロックされた Cookie を確認する方法について説明します。

Web

【HTML】picture 要素について

目次1. <picture> 要素とは?2. 仕様3. <source> 要素4. 利用例5. 実際に使用された画像がどれかを JavaScript で取得する6. 注意点7. …

Web

JSFiddle を使って HTML/CSS/JavaScript をウェブページに埋め込む

JSFiddle というサービスを使って、ウェブページに HTML/CSS/JavaScript を埋め込んでみましょう。 目次1. JSFiddle とは?2. ウェブページに埋め込む手順(1) ア …