Youtube iframe wmode问题
Youtube iframe wmode问题
提问于 2010-10-29 18:31:04
使用javascript和jQuery，我正在添加一个带有youtube url的iframe来在网站上显示视频，但是从youtube加载到iframe中的嵌入代码没有wmode=“不透明”，因此页面上的模式框显示在youtube视频下面。
有什么办法解决这个问题吗？
回答 8
Stack Overflow用户
回答已采纳
发布于 2010-11-18 11:06:22
如果已有参数，请尝试向URL或&wmode=opaque添加?wmode=opaque。
如果不起作用，可以试试&wmode=transparent，它也可以在IE浏览器中运行。
Stack Overflow用户
发布于 2010-12-06 22:00:41
尝试将?wmode=transparent添加到URL的末尾。对我很管用。
Stack Overflow用户
发布于 2012-02-22 07:10:19
如果您使用的是新的异步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
}
});
}这是基于谷歌文档和示例的：http://code.google.com/apis/youtube/iframe_api_reference.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4050999
复制相关文章
相似问题