gpt4 book ai didi

HTML5 视频 : possible to place regular html content over video

转载 作者:太空狗 更新时间:2023-10-29 13:26:56 28 4
gpt4 key购买 nike

只是想知道是否有人知道让常规 html 内容(主要是 img 标签)显示在视频顶部(通过视频标签)的技巧?

最佳答案

正如其他人所暗示的那样,使用绝对定位很容易将 HTML 元素定位在 VIDEO 元素之上。当您尝试在 iPhone、iPod 和可能不在页面上内联播放视频 Assets 的可能较旧的 Android 手机中捕获事件时,挑战就来了(与瘦 native 播放客户端相反),因为在这些情况下 VIDEO 元素贪婪地捕获事件。

如果您使用 IMAGE 元素或 DIV 并将其 background-image 设置为要用作“海报”或“缩略图”的图像,那么您的用户将无法点击它们来启动视频playing——移动浏览器将把这个行为当做那个空间中只有 VIDEO 元素存在(如果你碰巧在中间点击“big play”按钮的地方很好,但如果你有一个自定义控件不在中间。

我过去使用的解决方案是将 IMGDIV 海报放在通常放置 VIDEO 元素的页面上,并将 VIDEO 元素移到屏幕外(绝对定位,left 样式设置为,比如说,- 3000px) 所以它不能再囤积那些事件。

我知道这不是被问到的,但希望这些信息对某人有用。

关于HTML5 视频 : possible to place regular html content over video,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4626700/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com