覆盖HTML5全屏视频

我想添加覆盖热点的html5视频，这将帮助我提供有关该视频的信息。我能够在HTML5 Video的正常模式下成功添加它。但是，当我将视频模式更改为全屏时，它会消失。希望有人来帮助我!!!覆盖HTML5全屏视频

要做到这一点，最好的办法是有一个<DIV>包含<视频>和您的热点，并要求对含有<DIV>全屏。

我在Firefox中实现了全屏和（部分）<视频> API。这种z-index hack不是指定的行为，所以一旦我们更新我们的实现以匹配W3C全屏规范的最新草案，它就会停止工作。

2013-09-03 22:17:02

花了半天的时间试图在Firefox下面列出z-index的东西。这是一个更好的解决方案。 – 2016-12-08 20:06:16

这可以用一个技巧解决。对此例如这里看看： http://jsfiddle.net/carmijoon/pZbkX/show/

的z-index：2147483647;

您还可以在这里看到的代码： http://jsfiddle.net/carmijoon/pZbkX/

z-index: 2147483647;

您需要添加的z-index这是最大的价值：;到覆盖元件（z-index的2147483647）。这个技巧将解决你的问题。

你还可以在jsfiddle上分享你的文件吗？

2013-04-26 15:42:06 Carmijoon

这有助于谢谢:) – 2013-05-06 08:58:10

太棒了！天才！完全有效！ – Magico 2013-12-05 18:14:55

太棒了！太棒了！如果我能将这个答案提高100，我会这样做。我绝望地在全屏元素上叠加覆盖图，直到找到答案。感谢一百万，Carmijoon！ – Velojet 2016-04-12 21:09:11

回答