Youtube iframe wmode问题

Question

使用jQuery和jQuery,我添加一个带有youtube网址的iframe来在网站上显示视频但是从youtube加载到iframe中的嵌入代码没有wmode ="Opaque",因此页面上的模式框显示在youtube视频下方.

任何想法如何解决问题？

Answer 1

尝试添加?wmode=opaque到URL或&wmode=opaque已有参数.

如果它不起作用尝试这个,&wmode=transparent这也将在IE浏览器中工作.

Answer 2

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

Answer 3

如果您使用的是新的异步API,则需要添加如下参数:

<!-- 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
      }
    });
}

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

Answer 4

添加?wmode=opaque到URL似乎为我解决了这个问题,虽然我还没有在IE中测试它.

对于那些对之前提出的解决方案有困难的人,请注意,只有在您已经为URL提供其他参数时,初始符号才会起作用.第一个参数必须有一个初始问号:http://www.example.com?first=foo&second=bar