YouTube视频和z-index

时间:2018-06-15 14:32:12

标签: youtube-iframe-api

当我通过iframe嵌入Youtube视频时,它会忽略z-index并挂起具有z-index值9999的固定菜单元素。

在较早的问题中,我找到了答案here,添加了参数& wmode = Opaque'或'& wmode = transparent'到youtube视频的网址,但不起作用。这些解决方案看起来很像2008年或2012年。

所以我想知道如何解决它。 请有人帮忙!

1 个答案:

答案 0 :(得分:0)

您发布的iframe代码存在一些问题,有些是次要的,但仍应予以纠正,以确保您的代码可以在任何地方无问题地工作。

首先,请勿在源文件后使用分号 其次,您不应从源URL中删除https:// 第三,这就是它不适合你的原因,你没有从你链接的答案中复制wmode="Opaque"

所以你的iframe代码应该是:

<iframe width="560" height="315" src="https://youtube.com/embed/p0O1VVqRSK0?wmode=transparent" wmode="Opaque" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

看到这个小提琴演示: https://jsfiddle.net/7ox49Ldv/3/

如果使用更正后的iframe代码仍无法解决问题,则html / css必须存在更深层次的问题。