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

メールアドレスが公開されることはありません。

関連記事

Google

Google マップ (Google Maps) で緯度経度を指定して場所を見つける方法

例えば「北緯35度40分57秒 東経139度45分10秒」という情報があった場合に、それがどこなのか調べるには Google マップ を利用することができます。では、どうやればよいのでしょうか? 実は …

Web

【HTML】img 要素の srcset 属性 と sizes 属性について

目次1. デバイスピクセル比2. img 要素の srcset 属性 と sizes 属性3. sizes 属性4. srcset 属性x 単位で画像ファイルのサイズを指定する場合w 単位で画像ファイ …

HTTPレスポンスヘッダとブラウザキャッシュの関係を調査

目次1. はじめに2. 使用したツールWebサーバー側クライアント側3. 使用する HTML (PHP) ファイル4. 実験パターン1HTML (PHP)のヘッダ出力部分1回目のアクセス2回目のアクセ …

Web

HTTP クッキーをより安全にする SameSite 属性について (Same-site Cookies)

HTTP クッキー(Cookie) をより安全に使用することができる SameSite 属性 について説明します。 目次1. HTTP クッキーの基本動作2. クッキーの SameSite 属性につい …

Web

Webフォントを使う場合に font-display 記述子を使ってすぐにテキストを表示させる

目次1. Webフォントの読み込みと font-display 記述子(概要)2. font-display 記述子を使ってテキストをすぐに表示させる方法3. font-display 記述子の詳しい …