我想为Chrome编写一个扩展程序(这似乎是最简单的选项),可以在全屏视频的基础上显示通知。
例如,假设您正在观看Netflix视频,Chrome会识别您正在观看的视频,检查数据库是否有弹出窗口,如果找到了一些,则会在特定时间显示它们(例如,当视频为1时: 05什么的。)
虽然大多数部分似乎都可行,但主要问题是,如何在全屏模式的视频上显示某些HTML元素?
非常感谢!
修改
经过一些研究和答案提供的链接,我找不到Flash播放器的答案 - 我想这不是(轻松)可能的。 然而,根据我的例子,我测试了Netflix视频,无论是否全屏,都可以看到一个具有绝对定位和z-index高值的简单div。由于许多系统现在正在或正在转向HTML5视频,因此简单的解决方案应该适用于所有这些系统。 感谢 Marc Guiselin 提供帮助。
答案 0 :(得分:2)
我暂时问了我的扩展名:Force a div to show up and overlay whatever is in fullscreen
结果就是:你不能使用flash这样的东西,但是,我发现你可以使用document.fullscreenElement||document.webkitFullscreenElement
检测内容脚本中的html元素是否全屏显示。
如果它为空,则不会全屏显示,但如果不是,则可以在全屏时附加内容。
此外,如果你想这样做,你可能希望允许你的内容脚本在清单中使用"all_frames": true
在iframe中工作,因为很多网站现在都使用可以全屏显示的嵌入式iframe html5播放器。