我想为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播放器。
祝你好运。