如何在 YouTube iFrame 上覆蓋透明 Div？

在YouTube iFrame 上疊加透明Div

雖然使用iFrame 嵌入YouTube 影片具有相容性優勢，但在嘗試疊加影片上的透明div。要解決此問題，您可以利用 YouTube 提供的「wmode」GET 參數。

解決方案：

1. 透過附加參數修改 YouTube 嵌入 URL將「?wmode=opaque」加入 URL 末端。這可確保影片以「不透明」模式呈現。
2. 在iframe 標記中，更新「src」屬性以包含修改後的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>

3. 利用「位置」、「頂部」、「左側」、「寬度」、「高度」、「背景」等屬性，相應地定位並設定覆蓋div 的樣式「opacity」。

實作這些修改後，覆蓋 div 將正確顯示在不透明的 YouTube 影片上。

以上是如何在 YouTube iFrame 上覆蓋透明 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！