覆盖HTML5全屏视频 [英] Overlay on HTML5 Fullscreen Video

问题描述

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

包含< video>和您的热点，并在包含< div>上请求全屏。

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

I want to add overlay hotspots on a html5 video which will help me give info about that video. I was able to successfully add it on HTML5 Video's normal mode. But, when i change the video mode to fullscreen, it disappears. Want someone to help me please!!!.

解决方案

The best way to do this is to have a <div> containing the <video> and your hotspots, and request fullscreen on the containing <div>.

I implemented the fullscreen and (parts of the) <video> APIs in Firefox. This z-index hack isn't the specified behaviour, so it will stop working once we update our implementation to match the latest draft of the W3C fullscreen spec.

这篇关于覆盖HTML5全屏视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！