《猛戳-查看个人博客地图-总有你意想不到的惊喜》
本文内容:画中画javascript
画中画功能是chrome70+的新功能,视频窗口可以从浏览器独立出来播放视频,看起来像是一个本地应用。java
var video = document.createElement("VIDEO"); var togglebtn = document.getElementById('btn'); //添加画中画功能开启关闭事件 togglebtn.addEventListener('click', function() { if (!document.pictureInPictureElement) {//开启 video.requestPictureInPicture().catch(error => { console.log(error,'Video failed to enter Picture-in-Picture mode.'); }); } else {//关闭 document.exitPictureInPicture().catch(error => { console.log(error,'Video failed to leave Picture-in-Picture mode.'); }); } }); //video元素添加事件 video.addEventListener('enterpictureinpicture', function(event) { console.log('Video entered Picture-in-Picture mode.'); }); //video元素添加事件 video.addEventListener('leavepictureinpicture', function(e) { console.log('Video left Picture-in-Picture mode.'); });
感谢阅读,欢迎评论^-^git
打赏我吧^-^