html - 在 HTML5 全屏视频上叠加

标签 html html5-video

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

最佳答案

最好的方法是使用 <div>包含 <video>和热点,并请求包含 <div> 的全屏.

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

关于html - 在 HTML5 全屏视频上叠加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16234740/

相关文章:

javascript - 从许多选定的表格行到一个 div 标签

javascript - 平滑视差滚动

html - 删除 HTML 电子邮件中 ​​<pre> 标记内的空格

google-chrome - HTML5 视频不会循环播放

debugging - FireFox 和 html5 视频 - 带 x 的灰色框

reactjs - React使用HTML5视频标签controlsList属性

jquery - ul-element 是我浏览器大小的 5 倍?

javascript - Bootstrap 可切换选项卡无法正常工作

javascript - ReactJS 组件 HTML5 视频

html - 在 Angular2 模板的表达式中使用 JSON.stringify