TAG
CSS
JavaScript
Result
Run
License
<video id="player" muted autoplay controls crossorigin="anonymous"> <source src="http://resrc.devdic.com/media/video/movie.mp4" type="video/mp4" /> <source src="http://resrc.devdic.com/media/video/movie.ogg" type="video/ogg" /> </video> <button type="button" id="btn-excute">Excute to PIP</button>
:picture-in-picture { box-shadow: 0 0 10px 10px #FF0000; }
window.addEventListener("load", () => { const elVideo = document.getElementById("player"); const elBtn = document.getElementById("btn-excute"); elBtn.addEventListener("click", () => { elVideo.requestPictureInPicture(); }); });
Console
expand_less
License
License
by DevDic
Close