只是想知道是否有人知道让常规 html 内容(主要是 img 标签)显示在视频顶部(通过视频标签)的技巧？
最佳答案
正如其他人所暗示的那样，使用绝对定位很容易将 HTML 元素定位在 VIDEO 元素之上。当您尝试在 iPhone、iPod 和可能不在页面上内联播放视频 Assets 的可能较旧的 Android 手机中捕获事件时，挑战就来了(与瘦 native 播放客户端相反)，因为在这些情况下 VIDEO 元素贪婪地捕获事件。
如果您使用 IMAGE 元素或 DIV 并将其 background-image 设置为要用作“海报”或“缩略图”的图像，那么您的用户将无法点击它们来启动视频playing——移动浏览器将把这个行为当做那个空间中只有 VIDEO 元素存在(如果你碰巧在中间点击“big play”按钮的地方很好，但如果你有一个自定义控件不在中间。
我过去使用的解决方案是将 IMG 或 DIV 海报放在通常放置 VIDEO 元素的页面上，并将 VIDEO 元素移到屏幕外(绝对定位，left 样式设置为，比如说，- 3000px) 所以它不能再囤积那些事件。
我知道这不是被问到的，但希望这些信息对某人有用。
关于HTML5 视频 : possible to place regular html content over video，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4626700/