Question

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

我尝试过zindex，它不适用于position：fixed元素。此外，我尝试在embed标签中键入wmode：transparent，这也没有用到

非常感谢任何帮助

Answer 1

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

**编辑：

使用?wmode=transparent或&wmode=transparent（如果现有网址已有名称/值参数且已包含'？'）。如果这不能解决问题，那么试试这个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

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

1 个答案: