如何在 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中文網其他相關文章！