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

我在我的网页上的导航菜单下嵌入了一个youtube视频。下拉菜单在视频后面。
我试过wmode=“transparent”，但它没有解决我的问题。我试过&wmode=透明&？wmode=在youtube链接后面也是透明的，但没有成功。
谢谢你的建议。
我的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;
              }

最佳答案

正如弗里茨建议添加一个更详细的答案作为参考我的评论。

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

关于html - 下拉导航被嵌入式YouTube视频阻止，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37475745/