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
添加&wmode=transparent的url，你完成，testing。
我在自己的WordPress插件YouTube短代码中使用了这种技术
如果遇到任何问题，请检查其源代码。
只是一个提示！ – 确保你想要在embedded式video上的元素z-index。 我添加了wmode查询string，它仍然没有工作…直到我上调了其他元素的Z指数。 🙂
&wmode=opaque对我不起作用（chrome 10），而&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 （注意大写）。
