YouTube的iframe wmode问题

在jQuery中使用javascript,我添加了一个带有YouTubeurl的iframe,以便在网站上显示video,但是从youtube载入的iframe中的embedded代码没有wmode =“Opaque”,因此页面上的模式框显示在YouTubevideo下面

任何想法如何解决这个问题?

如果已经有一个参数,请尝试向URL添加?wmode=opaque或者添加&wmode=opaque

如果不行的话,试试这个,而&wmode=transparent也可以在IE浏览器中使用。

尝试在URL的末尾添加?wmode=transparent 。 为我工作。

如果您正在使用新的asynchronousAPI,则需要添加如下参数:

 <!-- YOUTUBE --> // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "http://www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; var initialVideo = 'ApkM4t9L5jE'; // YOUR YOUTUBE VIDEO ID function onYouTubePlayerAPIReady() { console.log("onYouTubePlayerAPIReady" + initialVideo); player = new YT.Player('player', { height: '381', width: '681', wmode: 'transparent', // SECRET SAUCE HERE videoId: initialVideo, playerVars: { 'autoplay': 1, 'rel': 0, 'wmode':'transparent' }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } 

这是基于谷歌文档和示例在这里: http : //code.google.com/apis/youtube/iframe_api_reference.html

添加?wmode=opaque的URL似乎为我解决了这个问题,虽然我还没有在IE中testing过。

对于那些以前提出的解决scheme有麻烦的人,请注意,只有在您已经向URL提供其他参数的情况下,inital&符号才会起作用。 第一个参数必须有一个初始问号: http://www.example.com?first=foo&second=bar : http://www.example.com?first=foo&second=bar first=foo&second= http://www.example.com?first=foo&second=bar

添加&amp;wmode=transparent的url,你完成,testing。

我在自己的WordPress插件YouTube短代码中使用了这种技术

如果遇到任何问题,请检查其源代码。

只是一个提示! – 确保你想要在embedded式video上的元素z-index。 我添加了wmode查询string,它仍然没有工作…直到我上调了其他元素的Z指数。 🙂

&wmode=opaque对我不起作用(chrome 10),而&amp;wmode=transparent清除了问题。

我知道这是一个老问题,但它仍然出现在这个问题的顶级search,所以我添加了一个新的答案,以帮助那些寻找一个IE浏览器:

在URL的末尾添加&wmode=opaque并不适用于IE 10 …

但是,添加?wmode=opaque是诀窍!


在这里find这个解决scheme: http : //alamoxie.com/blog/web-design/stop-iframes-covering-site-elements

最近我看到有时flash player不能识别&wmode=opaque ,而且你也应该传递&WMode=opaque WMode &WMode=opaque (注意大写)。