- 综合排序
- 最热优先
- 最新优先
- 来自专栏code秘密花园
Chrome 116：网页画中画 API 来了！
它扩展了现有的 Picture-in-Picture API for
1.3K50编辑于 2023-08-23 - 来自专栏腾讯IVWEB团队的专栏
人生想要开挂，快来学习“画中画”！
何为画中画 首先请允许我介绍下“画中画”：画中画（英文Picture-in-picture，缩写PiP）是指将一个电视节目（或其他画面）显示在整个画面上，同时将另一个或多个其他画面显示在角落中，通常只播放主窗口的声音 在safari里我们可以把“画中画”理解为播放模式的概念，safari中的播放模式只有三种，分别是inline、picture-in-picture、fullscreen。 polyfill兼容 根据目前画中画的支持情况，这里有一个画中画polyfill库可以兼容到chrome和safari ---- 自动画中画 在WICG Picture-in-Picture草案中提到了自动画中画的特性 但很遗憾，用户手势目前是做不到的，所以就需要Auto Picture-in-Picture了！” ---- 参考文档 让 Chrome 与 Firefox 实现系统级视频画中画效果 Picture-in-Picture https://github.com/WICG/picture-in-picture
2.3K30发布于 2020-06-28 - 来自专栏前端从进阶到入院
Chrome 新特性：文档画中画介绍
文档画中画（Document Picture-in-Picture）API现在可以在弹出置顶的小窗口中展示任意 HTML 内容。 它扩展了现有的视频画中画（Picture-in-Picture）API，后者仅允许将 HTML 的
1.3K60编辑于 2023-10-14 - 来自专栏刘悦的技术博客
基于Vue.js2.6结合h5来实现视频播放画中画技术(Picture-in-Picture)
目前我们可以用h5的技术来解决这个问题，支持HTML5
1.4K20编辑于 2022-08-08 - 来自专栏Open软件开发小组
你知道Android Nougat （牛轧糖）有哪些新鲜口味吗?
使用效率 分屏模式、picture-in-picture、最近任务快速切换（双击菜单键）。 4 Pip(Picture-in-picture)模式 如果使用过Youtube应用，一定对其视频播放可作为悬浮窗显示在应用上层的操作体验印象深刻，Pip模式与之类似允许Activity
99610发布于 2020-03-19 - 来自专栏影像技术栈
HEXO进阶使用教程
惊艳所有观众" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture
1.2K30编辑于 2022-07-14 - 来自专栏知识同步
hexo博客插入音视频
www.youtube.com/embed/m4iRwp_FWxI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture
1.9K60编辑于 2022-12-26 - 来自专栏沉浸式趣谈
这个Web新API让任何内容都能画中画！
“画中画”（Picture-in-Picture, PiP）说白了，就是让你能一边看视频，一边干别的，互不耽误。
49510编辑于 2025-05-04 - 来自专栏程序员小榆
程序员都在用哪些神器？
Picture-in-Picture Extension 这款画中画，我只能说是摸鱼神器了。在工作中，往往会趁着老板不注意或者躲避监控范围偷偷地摸鱼。 使用 Picture-in-Picture 工具，我们既可以一边工作一边画中画观看自己想看的小视频，还能随意所动位置以及设置画面大小，别提多惬意。
28310编辑于 2024-07-13 - 来自专栏技术社区
微信小程序添加视频组件
page-body-button" type="primary" formType="submit">发送弹幕</button> <navigator style="margin: 30rpx auto" url="<em>picture-in-picture</em>
3.5K30编辑于 2022-06-16 - 来自专栏JavaPark
好物周刊#50：Sora 学习手册
Picture-in-Picture Extension[11] 画中画插件，当上班摸鱼浏览到好看的时候的或者直播，但又不敢明目张胆放大看的时候，就可以通过这个插件将内容缩放到屏幕的一个小框里观看。
30710编辑于 2024-04-03 - 来自专栏dino.c的专栏
[UWP]用画中画模式（CompactOverlay Mode）让用总在最前端显示
结语 CompactOverlay mode – aka Picture-in-Picture 上面这篇文章还给出了更多有用的代码：如何判断是否支持CompactOverlay及如何在多视图模式下使用。
1.7K10发布于 2020-02-13 - 来自专栏大大的小蜗牛
Memos API 调用渲染页面
player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture ' frameBorder='0' allowfullscreen='' allow='autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture
4.2K30编辑于 2023-03-07 - 来自专栏较真的前端
Google I/O 2018 : Web 现状综述
Picture-in-Picture Support 使得视频能够在显示屏的任意位置播放。 Presentation API 能够更加精确的控制在第二显示屏上展示的内容。
1.2K40发布于 2018-06-08 - 来自专栏沉浸式趣谈
这个Web新API让任何内容都能画中画！
“画中画”（Picture-in-Picture, PiP）说白了，就是让你能一边看视频，一边干别的，互不耽误。
27810编辑于 2025-08-14 云点播react-native版（Android版本优化中）
. | | hidePipButton | boolean | Hides the Picture-in-Picture button and force-disables automatic PiP.
20320编辑于 2025-10-21- 来自专栏程序猿DD
在P站做web前端，是种怎样的体验？
4、我们开始使用 Picture-in-Picture API ，以使浮动视频出现在我们的某些页面上，主要是为了获取用户对该想法的反馈。 PS：Picture-in-Picture API（画中画）：以允许网站始终在其他窗口之上创建浮动视频窗口，以便用户在与其他内容站点或设备上的应用程序交互时可以继续使用媒体。
2.3K30编辑于 2023-04-04 HTML 视频
www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture
67810编辑于 2025-08-01- 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 应用生命周期 ( 前台状态 resumed | 后台状态 paused | 非活动状态 inactive | 组件分离状态 detached )
this state when /// another activity is focused, such as a split-screen app, a phone call, /// a picture-in-picture
2.4K00编辑于 2023-03-28 - 来自专栏learn
【Web前端】探索HTML中的“iframe”标签
video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture
9.8K00编辑于 2024-11-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号