html - 下拉导航被嵌入的 YouTube 视频阻止

Question

我已在我的页面导航菜单下嵌入了 YouTube 视频。下拉菜单位于视频后面。

我已经尝试过 wmode="transparent"但它没有解决我的问题。我在 youtube 链接后面尝试过 &wmode=transparent & ?wmode=transparent 也没有成功。

非常感谢您的建议。

我的 HTML 代码是:

  <div class="video-container2">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/Fr7Haxh4Si0" wmode="transparent" frameborder="0" allowfullscreen></iframe>
  </div>

我的 CSS 是:

  .video-container2 {
              position: relative;
              padding-bottom: 56.25%;
              padding-top: 20px; 
              height: 0; 
              overflow: hidden;
             }

  .video-container2 iframe,
  .video-container2 object,
  .video-container2 embed {
              position: absolute;
              top: 0;
              left: 0;
              width: 90%;
              height: 50%;
              margin-left: 0px;
              margin-bottom: 5px;
              }

Answer 1

正如 Frits 建议添加更详细的答案作为我的评论的引用。

.video-container2 {
    z-index: -1;
    }
.dropdown_menu {
    z-index: 1;
    }