如何在 YouTube iFrame 上覆盖不透明 Div？

在 YouTube iFrame 上叠加不透明 Div

尝试叠加透明 div 时，使用 iFrame 嵌入 YouTube 视频会带来挑战。虽然之前涉及 wmode="transparent" 的方法不再适用于 iFrame，但有一个解决方案允许添加不透明的 div。

关键在于将“wmode=opaque”GET 参数附加到YouTube 网址。此参数指示 iFrame 使用不透明模式，从而导致 z 索引低于其他元素。

要将其应用到提供的代码，只需更新 iFrame 标记中的 URL，如下所示：

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>

请注意，“wmode=opaque”应该是 URL 中的第一个参数，其后跟随任何其他参数。进行此更改后，ID 为“overlay”的 div 将成功以所需的不透明度覆盖 YouTube 视频。

以上是如何在 YouTube iFrame 上覆盖不透明 Div？的详细内容。更多信息请关注PHP中文网其他相关文章！