1. このページの目的
Document Picture-in-Picture APIを使う。
2. デモ
この部分が、Picture-in-Picture window として切り離されます。
この要素の枠は青色にしてあります。
- 対象となる要素を Picture-in-Picture window として切り離すと、元の位置には0。
3. コード
ほぼ、Picture-in-Picture for any Element, not just <video> | Web Platform | Chrome for Developers にあったコードを使ったのでそちらを参照。
もしくは、このページのソースコードを参照。