Chrome扩展-在全屏视频顶部显示自定义通知/弹出窗口(HTML元素）

Chrome Extension - Show custom notification/popup (HTML element) on top of a fullscreen video

本文关键字：窗口元素 HTML 通知自定义扩展显示顶部视频 Chrome 更新时间：2023-09-26

我想为Chrome编写一个扩展（这似乎是最简单的选项），在全屏视频的顶部显示通知。

例如，假设你正在观看Netflix视频，chrome会识别你正在观看的视频，检查数据库中的弹出窗口，如果发现了一些，它会在特定时间显示它们（比如视频在1:05左右）。

虽然大多数部分看起来是可行的，但主要问题是，如何在全屏模式下的视频顶部显示一些HTML元素

非常感谢！

编辑

经过一些研究和答案提供的链接，我找不到Flash玩家的答案——我想这是不可能的。然而，根据我的例子，我测试了Netflix视频，无论它是否是全屏的，一个具有绝对定位和高z索引值的简单div始终可见。由于许多系统现在正在或正在转向HTML5视频，因此简单的解决方案应该适用于所有系统。感谢Marc Guiselin的帮助。

我在一段时间前问过我的扩展：强制显示div并覆盖全屏中的任何内容

结果是：你不能使用flash之类的东西，但是，我发现你可以使用document.fullscreenElement||document.webkitFullscreenElement检测内容脚本中的html元素是否在全屏中。

如果它为null，则没有任何内容处于全屏状态，但如果不是，则可以在它处于全屏状态时将内容附加到它。

此外，如果你想这样做，你可能需要允许你的内容脚本在清单中使用"all_frames": true在iframe中工作，因为现在很多网站都使用可以全屏播放的嵌入式iframe html5播放器。

祝你好运。