ブラウザメーカーは、Picture-in-Picture（PiP）モードを採用し、サイトがブラウザウィンドウの外にポップアップビデオを表示できるようにするW3C APIに取り組んでいます。
過去において、PiPは、ユーザーがページを上下にスクロールする間、アクティブなタブにのみ表示されるポップアップウィンドウとしてキャンバス内でのみサポートされていました。
一部のプラットフォームではPiPモードのサポートが追加されましたが、これらはOS用に強化されたAPIでした。つまり、ブラウザーだけでなく、あらゆるビデオアプリケーションで動作します。
WICGの新しいWeb API
WICG（Web Platform Incubator Community Group）と呼ばれるW3C部門は、サイトが外部の「ポップアップビデオ」を開くことができるPiPインタラクションを標準化するためのブラウザーAPIの詳細を明らかにしました。
「多くのユーザーは、デバイス上の他のコンテンツ/サイト/アプリケーションと対話しながらビデオを見たいと思っています」と、Google開発者のFrancois Beaufort氏は、既存のOS実装とは異なるブラウザーAPIの1月のアイデアを説明します。
新しいAPIによれば、サイトはPiPウィンドウの開閉のタイミングの制御、ウィンドウサイズの設定、カスタムコントロールボタンの適用、ウィンドウ内の特定の対話の制限、ユーザーがPiPウィンドウを開いたときと閉じたときの統計情報の収集、およびその方法を行うことができます。
実験中に気付いた最も重要なことは、PiP拡張機能がほぼすべてのテストビデオで機能したことです。 これは、新しい機能がサイトのコード変更に依存しないことを意味します。
ChromeとSafariはすでに新しいAPIをテストしています
ChromeとSafariは、既に新しいPicture-in-Picture APIを展開しています。 Safariでは、AppleはiOS 9およびmacOS 10以降の予備的なPiP APIを公開しました。
また、このAPIは2人のGoogleエンジニアによって発表されましたが、Chromeブラウザーの新しいAPIに対して実際に準備ができているものはありません。 Chromeチームは現在、APIのコストを評価するための実験を計画しています。その後、テストの完了時に新しいAPIを実装するかどうかを決定します。
この実験は、Chrome 68がベータ段階（2018年6月7日に予定）に達すると始まり、GoogleがChrome 69を展開する（2018年8月30日を予定）ときに終わります。
それまでの間、Google Canaryユーザーはこの機能をすぐに有効にできます：
- chrome：//フラグタブで 、フラグを確認します。
- ＃enable-experimental-web-platform-features
- ＃ビデオ用の表面を有効にする
- ＃enable-picture-in-picture
- 拡張子が付いたアーカイブをダウンロードして解凍します 。
- chrome：//拡張機能タブで、開発者モードが有効になっていない場合は有効にします。
- 拡張機能をダウンロードするには、「解凍された拡張機能をダウンロードする」をクリックします。
- ダイアログボックスが表示され、 src /ディレクトリ、つまりzipアーカイブを解凍した場所を指定します。
- Youtubeで動画を開き、拡張機能アイコンをクリックして、現在の動画のPiPウィンドウを開きます。
FirefoxおよびEdgeチームは、新しいAPIの計画を公式に発表していません。 Opera
は2016年にPiP
に似た機能を既に公開していますが、W3C APIではなく独自の開発に基づいています。