【Picture-in-Picture any site】ウェブサイトをピクチャーインピクチャー表示にするChrome拡張機能

2021年12月8日Chrome拡張機能

Picture-in-Picture any site のアイコン

この記事では、動画ではなく、ウェブサイトをピクチャーインピクチャー表示にするChrome拡張機能「Picture-in-Picture any site」について書きます。

サイトを比較して見たい時に便利です。

Picture-in-Picture any site のスクリーンショット

任意のウェブサイトをピクチャーインピクチャー表示(以下、PIP)にできるChrome拡張機能です。

PIP にしたいサイトを開いて、ボタンをクリックするだけで簡単にPIP 表示にできます。ページをスクロールすると一緒にPIP 内の画面もスクロールされます。自由に配置、自由に拡大縮小できます。

ウェブサイトを比較しながら作業したい時に便利です。PIP といえば動画のイメージがありますが、本拡張機能はサイトをPIP モードにできます。

サイト上の動画を小さな窓枠で表示する機能です。

Picture-in-Picture Extension のスクリーンショット

動画の「ながら見」に特化した機能です。例えばWord で大学の課題をやりながら、画面の右端にYouTube を表示して再生するといったことができます。

PIP にした画面は常に最前面に表示されるので、他のページが邪魔することはありません。

動画だけを枠いっぱいにしてウィンドウにするので、他の要素が映らないのも特徴です。YouTube だと上部のヘッダーやタイトル、コメント欄なんかがありますよね。あれを全部取り払った状態で純粋に動画を楽しめます。

提供元:mtsmfm
記事執筆時のバージョン:0.4.1(2020年5月22日)

ダウンロード方法

以下のサイトからダウンロードできます。

「Chrome に追加」をクリックしてインストールできます。

Picture-in-Picture any site のダウンロード

使い方

ブラウザでPIP にしたいサイトを開きます。サイトを開いたら、拡張機能メニューにある「PiP」をクリックします。

Chrome拡張機能ボタン

ウェブサイトがPIP モードになります。

ウェブサイトがPIP モードになる

ブラウザを最小化していても、PIP は最前面で表示されます。マウスで自由に配置、拡大縮小できます。

最前面表示、自由に配置、拡大縮小できる

ブラウザの方でサイズを変更すると合わせて縦横比も変化します。縦長にすれば一緒に縦長になります。

ブラウザのサイズを変更すると一緒に変化する

YouTube などの動画サイトもPIP にできます。ただし、動画に特化したPIP ではないので不要な部分も一緒にうつります。(タイトルやヘッダーなど)

動画サイトのPIP も可能

動画専用のPIP は「Picture-in-Picture Extension」がおすすめです。

参考:【Picture-in-Picture Extension】どんな動画もPIPモードにできるChrome拡張機能 | ナポリタン寿司のPC日記

PIP にしているサイトのページ倍率を変更すると一緒にPIP の方も変化します。見えにくい場合は、ページ倍率で調整してみましょう。

Googleアナリティクス のスクリーンショット

PIP を解除したい時は、画面内の右上にある「×」ボタンをクリックするか、マウスホバー時に表示される「タブに戻る」をクリックすると解除されます。

ちなみに本拡張機能は、複数サイト同時のPIP はできません。1つのブラウザにつき、1つまでです。

まとめ

以上、好きなウェブページをPIP 表示にできるChrome拡張機能「Picture-in-Picture any site」についてでした。

Googleアナリティクス のリアルタイムユーザー数を表示する画面をPIP にしてニヤニヤしています。

Vivaldi では、ページを並べて表示するタイリング機能が搭載されていますが、タイリングするまでもないサイトなんかをPIP で使うと便利かもですね。

ただし、PIP 内でスクロールしても反応しないので用途はかなり限定されるかなぁと思います。本当に眺める専用ですね。

Posted by ナポリタン寿司