video画中画（小窗口）

<videoid="video_paly"controlssrc="https://v-cdn.zjol.com.cn/280443.mp4"poster="https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg">您的浏览器不支持 video 标签。</video><button onClick={() => {var video: any = document.getElementById("video_paly");video.requestPictureInPicture();}}>开启画中画</button><button onClick={() => {document.exitPictureInPicture();}}>关闭画中画</button>

那么浏览器但凡有video标签，就可以用此脚本快速打开小窗

 document.getElementsByTagName('video')[0].requestPictureInPicture();

转发请注明出处：https://blog.csdn.net/weixin_43356511/article/details/120860260

video画中画（小窗口）相关推荐

Android小窗口模式，picture-in-picture（PIP画中画）的使用
1.介绍 Android8.0的时候推出了画中画模式,可以让Activity缩小显示在其他Activity上方.当初我维护的项目本身自己实现了这个功能,Android加入画中画之后两个功能并行,互相交 ...
html5播放器怎么小窗播放器,悬浮画中画播放器插件，边工作边用小窗口看视频的摸鱼神器...
悬浮画中画播放器插件,可以使用chrome提供的picture-in-picture api让网页上的视频以画中画小窗口悬浮在任意网页上播放,目前支持youtube, 腾讯视频.爱奇艺以及各种使用ht ...
chrome扩展推荐 - 原生chrome浏览器小窗口看视频 - PIP Video
这个真的不能没有- 首先要感谢国内各种浏览器的看视频小窗口弹出功能,方便的不要不要的,话说这个东东应该是搜狗浏览器最先搞出来的,现在搜狗在哪里???在哪里???? 可惜我是一个喜欢用原生chrome浏 ...
video 在安卓版本上小窗口播放，IOS 微信 video小屏幕播放，微信全屏video
目录: 安卓和ios微信video小窗口播放(太水,可以直接跳过) noscript标签 video移动端上面不得不说的辛酸腾讯关于video的说明文档:https://x5.tencent.com ...
html5视频标签video画中画几个API
画中画看上去很酷,总感觉API也会很复杂,实际上,除了名称长了点,超简单的. 假设变量video就是我们的<video>视频元素,则,进入画中画模式,直接一句: // 进入画中画 vide ...
wincc怎么做一个弹出画面_在wincc画面上如何弹出小窗口
可以放置画面窗口,用变量来触发何时显示画面窗口回答者: zishunwang - 资深学长&nbsp&nbsp第3级 2008-07-10 10:29:25 弹出子窗口可用变量触发, ...
php画中画,视频画中画怎么用？怎样在视频上叠加视频，可设置画中画小视频形状及边缘羽化效果...
今天真的是深圳入冬以来最冷的一天,5~12°,尽管一大早翻箱倒柜找厚衣服披上,出门还是在冷风中瑟瑟发抖啊,看了天气预报这样寒冷的天气还要持续一段时间,看来羽绒服是时候派上用场了.好啦,继续给大家分享视 ...
SAP WM 采购订单收货后LT06上架界面弹出的QM Sample小窗口如何不让其出现？
SAP WM 采购订单收货后LT06上架界面弹出的QM Sample小窗口如何不让其出现? MIGO 101 to do GR against purchase order, Posted, and ...
成功解决Eclipse窗口布局混乱或者Eclipse窗口布局出现单独独立小窗口的问题(图文教程)
成功解决Eclipse窗口布局混乱或者Eclipse窗口布局出现单独独立小窗口的问题目录解决问题解决思路解决方法解决问题 Eclipse窗口布局混乱或者Eclipse窗口布局出现单独独立小窗 ...

video画中画（小窗口）

video画中画（小窗口）

video画中画（小窗口）相关推荐

最新文章

热门文章