html - 如何停止嵌入视频与固定位置标题重叠

Question

我在带有固定标题的页面上嵌入了几个 youtube 视频，并且它们在滚动时重叠。我对任何其他内容都没有这个问题。

我已经尝试过 zindex 并且它不适用于 position:fixed 元素。我也试过在嵌入标签中输入 wmode:transparent 但这也没有奏效

任何帮助将非常感激

Answer 1

尝试附加&wmode=transparent到您的 youtube 网址的末尾。看看是否有帮助。

** 编辑：

使用?wmode=transparent或&wmode=transparent（如果现有 url 已经有名称/值参数并且已经包含“？”）。如果这不能阻止问题，那么试试这个 jQuery 代码：

<script>
$(document).ready(function(){
   $('iframe').each(function(){
      var url = $(this).attr("src");
      if(url.indexOf("?")>0){
         $(this).attr("src",url+"&wmode=transparent")
      }else{
         $(this).attr("src",url+"?wmode=transparent")
      }
   });
});
</script>

注意：jQuery 脚本是对本网站建议的脚本稍作修改的版本：http ://www.scorchsoft.com/news/youtube-z-index-embed-iframe-fix