我想在 html5 视频上添加覆盖热点，这将帮助我提供有关该视频的信息。我能够在 HTML5 Video 的正常模式下成功添加它。但是，当我将视频模式更改为全屏时，它就会消失。想请人帮帮我！！！
问问题
26182 次
2 回答
31
做到这一点的最好方法是拥有一个<div>包含<video>和 热点，并在包含<div>.
我在 Firefox 中实现了全屏和（部分）<video>API。这个 z-index hack 不是指定的行为，所以一旦我们更新我们的实现以匹配 W3C 全屏规范的最新草案，它将停止工作。
于 2013-09-03T22:17:02.813 回答
23
这可以通过一个技巧来解决。看看这个例子：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-26T15:42:06.347 回答