画中画API · PHP/Python/前端/Linux 等等学习笔记

[TOC] ## 概述画中画API ## demo ``` <body> <video src="https://mdn.github.io/dom-examples/picture-in-picture/assets/bigbuckbunny.mp4"></video> <button>提交</button> <script> const button = document.querySelector("button"); const video = document.querySelector("video"); button.onclick = function() { if (document.pictureInPictureElement) { document.exitPictureInPicture(); } else { if (document.pictureInPictureEnabled) { video.requestPictureInPicture(); } } }; </script> </body> ```