Googleは、W3C APIに基づいた新しいピクチャーインピクチャーモードをGoogle Chromeに導入することに取り組んでいます。 Chrome Canaryユーザーは既にWebブラウザーで新しい機能を有効にしている可能性がありますが、Chromeの他のバージョンを実行しているユーザーは、ブラウザーバージョンに機能が現れるまで待つ必要があります。
更新 :GoogleはデフォルトでGoogle ChromeでPicture-in-Pictureモードを有効にしました。 このガイドの「有効化」の部分をスキップして、導入の完了後、使用部分に直接進むことができます。 この機能は、拡張機能をインストールしない限り、YouTubeでのみ機能します。 Picture-in-Picture Extension(by Google)をインストールすると、ほとんどのビデオサイトで機能するはずです。 終わり
実装は、メインブラウザーウィンドウとは独立して動作する小さなオーバーレイウィンドウでWebブラウザーで再生されるビデオを移動するピクチャーインピクチャー機能の標準化されたAPIに基づいています。
新しいピクチャーインピクチャーAPIは、デフォルトで大部分のサイトで機能します。 ウェブサイトの出版社はそれを利用して、サイトでのピクチャーインピクチャーエクスペリエンスをカスタマイズできます。 Picture-in-Pictureインターフェイスのサイズの変更、コントロールのカスタマイズ、制限の追加、または統計データの収集に使用することができます。
AppleはMac OS XおよびiOS用のSafariにピクチャーインピクチャーAPIを実装し、Googleは安定版のWebブラウザーにAPIを実装する価値があるかどうかを判断するためにChromeの実験を作成することにしました。
GoogleはChrome 68ベータ版で実験を開始する予定であり、Chrome 69 Stableがリリースされると終了します。 つまり、実験は2018年6月7日から8月30日までの間に実行されます。
Google Chrome Canaryユーザーは、すぐにWebブラウザーでピクチャーインピクチャーサポートを有効にすることができます。 現在のところ、この実装は非常に安定しているわけではありませんが、ビデオコンテンツを含むほとんどのサイトで機能します。
ここにあなたがする必要があるものがあります:
実験的フラグを有効にする
Chromeブラウザのアドレスバーに次の3つのURLを読み込み、Chrome Canaryで試験運用フラグを有効にします。 3つすべてを有効にしてからChromeを再起動することをお勧めします(3つの設定のいずれかのステータスを変更すると、Chromeから再起動を求められます)。
- chrome:// flags /#enable-experimental-web-platform-features-開発中の実験的なWebプラットフォーム機能を有効にします。
- chrome:// flags /#enable-surfaces-for-videos ..ビデオのVideoLayerではなくSurfaceへの合成を有効にします。
- chrome:// flags /#enable-picture-in-picture-動画のPicture-in-Picture機能を有効にします
実験的なブラウザ拡張機能をインストールする
GitHubから次のファイルをダウンロードし、ローカルシステムに展開します。 これには、インストール時にWebブラウザーでピクチャーインピクチャーモードの実装をロック解除するGoogle Chromeの拡張機能が含まれています。
完了したらchrome:// extensionsをロードし、「開発者モード」トグルをオンにスライドして、開発者モードとWebブラウザーでローカル拡張機能をロードできるようにします。
「アンパックされたロード」を選択し、ローカルシステムでアンパックしたアーカイブの/ src /フォルダーを参照します。
Chromeは新しいピクチャインピクチャ拡張機能をロードし、メインのChromeツールバーにアイコンを追加する必要があります。
Chromeでピクチャーインピクチャーモードを使用する
ビデオを含むページをクリックまたはタップして拡張機能アイコンをアクティブにし、ビデオをピクチャーインピクチャーポップアップにプッシュします。
現在、実装にはいくつかの制限があります。
- Picture-in-Pictureモードでは、最初のビデオのみが再生されます。 自動再生が有効になっている場合、次のビデオはモードで自動的にロードされず、メインのブラウザーウィンドウで再生されます。
- ビデオが埋め込まれているページは開いたままにする必要があります。
- ビデオの再生をメインのブラウザウィンドウに戻さずに、Chromeの別のページに実際に移動することはできませんが、別のプログラムを使用できます。
Picture-in-Pictureモードは、YouTube、Vimeo、および他の多くのビデオサイトで自動的に機能します。
Opera Softwareは、Operaブラウザにカスタムピクチャインピクチャモードソリューションを実装しました。 APIサポートに関しては、MicrosoftまたはMozillaからの情報はまだありません。
Now You :Picture-in-Pictureモードをすでに使用していますか? ブラウザで表示しますか? (ブリーピングコンピューター経由)