ウェブサイトをピクチャーインピクチャー表示にする拡張機能
この記事では、動画ではなくウェブサイトをピクチャーインピクチャー表示にするChrome拡張機能「Picture-in-Picture any site」について書きます。
サイトを比較して見たい時に便利です。
任意のウェブサイトをピクチャーインピクチャー表示（PIP）にできるChrome拡張機能です。
ピクチャーインピクチャー（PIP）にしたいサイトを開いてボタンをクリックすることでピクチャーインピクチャー表示にできます。ページをスクロールすると一緒にPIP内の画面もスクロールされます。自由に配置、自由に拡大縮小できます。
ウェブサイトを比較しながら作業したい時に便利です。PIPといえば動画のイメージがありますが、本拡張機能はサイトをPIPモードにできます。
「Picture-in-Picture Extension (by Google)」の拡張機能が使えないサイトでも本拡張機能だとできる場合があります。
https://www.naporitansushi.com/picture-in-picture-extension/本拡張機能はChrome拡張機能のみでFirefoxアドオンはリリースされていません。類似アドオンを探してみましたが、見つけられませんでした。
サイト上の動画を小さな窓枠で表示する機能です。
動画の「ながら見」に特化した機能です。例えば、Wordで大学の課題をやりながら画面の右端にYouTubeを表示して再生するといったことができます。
ピクチャーインピクチャーにした画面は常に最前面に表示されるので他のページが邪魔することはありません。
動画だけを枠いっぱいにしてウィンドウにするので他の要素が映らないのも特徴です。YouTubeだと上部のヘッダーやタイトル、コメント欄などの部分を全部取り払った状態で純粋に動画を楽しめます。
リリース元：mtsmfm（ブログ、X）
記事執筆時のバージョン：1.0.0（2024年7月30日）
インストール方法
Chromeウェブストアからインストールできます。
https://chromewebstore.google.com/detail/picture-in-picture-...「Chromeに追加」をクリックします。
「拡張機能を追加」をクリックします。
拡張機能のオーバーフローメニュー内にアイコンが追加されたらOKです。
アイコンクリックでピクチャーインピクチャーにするので、頻繁に利用する場合はピン留めアイコンをクリックしてツールバーに直接配置したらいいかなと思います。
使い方
ブラウザでPIPにしたいサイトを開きます。サイトを開いたらインストールした「Picture-in-Picture any site」の拡張機能ボタン（）をクリックします。
現在開いているサイトがピクチャーインピクチャー（PIP）モードになります。
ピクチャーインピクチャーにするとそのタブの右側にアイコンが表示されます。
ピクチャーインピクチャーにしたからといって開いているサイトのタブを閉じてはいけません。タブを閉じると一緒にピクチャーインピクチャーウィンドウも消えます。
ピクチャーインピクチャーウィンドウの拡大縮小
ブラウザを最小化していてもPIPは最前面で表示されます。マウスで自由に配置、拡大縮小できます。ただし、縦横比はブラウザ本体側に左右されます。ピクチャーインピクチャー側での拡大縮小は比率を維持したままの拡大です。
ブラウザウィンドウの拡大縮小
ブラウザ本体のウィンドウサイズを変更すると、合わせてピクチャーインピクチャーウィンドウの縦横比も変化します。縦長にすれば一緒に縦長になります。
ウェブサイトのページ倍率の変更
PIPにしているサイトのページ倍率を変更すると、一緒にピクチャーインピクチャーウィンドウも変化します。見えにくい場合はページ倍率で調整します。拡大縮小はサイト上でキーボードのCtrlとマウスのホイール回転でできます。
ピクチャーインピクチャーウィンドウ側での拡大縮小はできません。ブラウザを開いてピクチャーインピクチャーにしているサイト側で調整する必要があります。
拡大縮小だけでなくスクロールも同期されます。元のサイトを下にスクロールすると、ピクチャーインピクチャー内も下にスクロールします。
YouTubeなどの動画サイトのピクチャーインピクチャー
YouTubeなどの動画サイトもPIPにできます。ただし、動画に特化したPIPではないのでタイトルやヘッダーなど不要な部分も一緒に映ります。
動画専用のピクチャーインピクチャーは「Picture-in-Picture Extension」がおすすめです。動画だけがピクチャーインピクチャーになるので余計な要素が入りません。
ピクチャーインピクチャーの解除方法
PIPを解除したい時は画面内の右上にある「×」ボタンをクリックするか、マウスオーバー時に表示される「タブに戻る」をクリックすると解除されます。
本拡張機能は複数サイト同時のPIPはできません。1つのブラウザにつき1つまでです。既にピクチャーインピクチャーを作成した状態で別のサイトをピクチャーインピクチャーにしても上書きされるだけです。
感想
以上、好きなウェブページをピクチャーインピクチャー（PIP）表示にできるChrome拡張機能「Picture-in-Picture any site」についてでした。
動画のピクチャーインピクチャーに対応していない動画配信サイトで無理やりピクチャーインピクチャーにするといったことが可能です。
以前は「Tver」の現在進行形で配信されているリアルタイム配信を引き合いにだしていたんですが、専用の拡張機能があることを知り、それを使えば綺麗にピクチャーインピクチャーできるので「Tver」に関しては本拡張機能不要だと思います。
他の動画配信サイトで「Picture-in-Picture Extension」拡張機能などが使えない場合があるのかは分かりません。Tverのリアルタイム配信はできなかったんですよねー。