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

Question

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

我尝试过zindex,它不适用于position:fixed元素.我也尝试在embed标签中键入wmode:transparent,这也没有用

任何帮助将非常感激

Answer 1

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

**编辑:

使用?wmode=transparent或&wmode=transparent(如果现有的url已经有name/value参数并且已经包含'？').如果这不能阻止这个问题,那么试试这个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