iframe youtube 始终位于移动设备上的其他元素之上

Posted 2023-05-08

【中文标题】iframe youtube 始终位于移动设备上的其他元素之上

【英文标题】：iframe youtube always on top of other elements on mobile

【发布时间】：2012-08-10 15:57:23

【问题描述】：

我正在使用 youtube 来嵌入我的视频，并且如果点击某些元素，这些元素应该会出现在视频顶部。

这在桌面浏览器上完美运行，但不适用于手机本身。

我试过?wmode=transparent 无济于事。

有没有人可以尝试的其他技巧？

【问题讨论】：

你能用你的问题做一个codepen吗？我怀疑 z-indexes 是答案，但我必须做一些测试。

是的，自然地尝试了 z-index。这是绝对的

为视频设置一个父 div 并为该父 div 应用位置和 z-index 值。看看这是否有效。

【参考方案1】：

见：html5 video: possible to place regular html content over video

您的问题可能类似，即 quicktime player(ios) 劫持了浏览器的该区域。上面的链接有一些技巧。