☕支持作者

爱发电 Github

Github:

Auto-Picture-in-Picture

🌟 YouTube 和 Bilibili 自动画中画 (PiP) 用户脚本

目前仅支持 Chrome 和 Brave 浏览器，不适配 Edge , Firefox 内核可在实验功能开启： 子母画面：切换页面时自动开启

这个用户脚本借助 AI 制作，可在 YouTube 和 Bilibili 上自动启用画中画 (PiP) 模式。它能自动检测标签切换和视频播放状态，为您带来流畅的视频观看体验。脚本开发耗时较长，但在 Arc 浏览器上达到了理想效果，后续维护可能会不定期更新。

🎉 享受最顺滑的 PiP 体验吧！

---

🌟 功能亮点

1. 自动触发画中画 (PiP) 模式

• 🔄 视频播放时自动进入 PiP 模式，让您在浏览其他页面时也能浮动观看。
• ⚡ 如果标签切换后视频继续播放，PiP 会等待用户交互后再自动触发。

2. 防止暂停时误触发 PiP

• ❌ 点击暂停按钮时不会触发 PiP，避免误入 PiP 模式。

3. 标签切换处理

• 🔄 返回播放视频的标签时，PiP 会保持待机，需用户点击视频后才会激活。

4. 视频点击触发

• 🎬 当用户点击视频且视频在播放时，脚本会自动进入 PiP 模式。

5. 支持媒体会话 API（Chrome 120 以上）

• 📱 利用 navigator.mediaSession API 设置“进入 PiP”操作，允许通过媒体会话控制 PiP。

6. 绕过用户交互限制

• ✅ 不同于一些受限于浏览器安全性的脚本，此脚本不需要用户交互即可激活 PiP 模式。

---

⚡ 安装与设置

1. 打开 Chrome 设置

• 点击 Chrome 浏览器右上角的“三个点”图标，选择“设置”。

2. 进入网站设置

• 在左侧菜单中选择“隐私和安全”，然后点击“网站设置”。

3. 设置自动进入画中画权限

• 在“权限”中找到“其他权限设置”。
• 找到“自动进入画中画模式”并设置为“网站可以自动进入画中画模式”。

4. 启用开发者模式

5. Chrome 实验性功能

访问 chrome://flags，启用以下功能：

• Auto picture in picture video heuristics
• Auto picture in picture for video playback

---

---