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 Components

たくさんの Web Components を利用するページを改善する

たくさんの Web Components を利用するページを改善する方法について説明します。

HTML

HTML の基礎

HTML の各タグに関する情報を提供します。主に HTML5 の情報を扱います。 (HTML5の仕様書である HTML Standard を翻訳している部分も多くあります) 後半では、タグ毎に使い方な …

Web

AMP for WordPress プラグインを使って WordPressサイトをAMP対応する手順

目次1. AMP とは?なぜ、AMP が必要なのか?AMP フレームワーク1. AMP HTML2. AMP JS3. AMP キャッシュその他2. AMP for WordPress プラグインにつ …

Chrome

Chrome で拡張機能を使わずにスクリーンショットを撮る方法

Chrome で拡張機能を使わずにスクリーンショットを撮る方法について説明します。

Chrome

Chrome で複数のユーザーを使い分ける方法

目次1. Chrome のユーザー(プロフィール)について2. ユーザー(プロフィールお)毎に管理できるもの3. ユーザーのデータ(プロフィール)がある場所4. ユーザーの管理ユーザー管理ユーザー名と …