任何想法为什么不管我分配给iframe的高度如何,它不调整大小?我正在iPhone上测试它(在桌面浏览器上它正确调整大小)。iPhone YouTube嵌入iframe
<iframe width="320" height="180" src="http://www.youtube.com/embed/wwbKu0mznf4" frameborder="0"></iframe>
任何想法为什么不管我分配给iframe的高度如何,它不调整大小?我正在iPhone上测试它(在桌面浏览器上它正确调整大小)。iPhone YouTube嵌入iframe
<iframe width="320" height="180" src="http://www.youtube.com/embed/wwbKu0mznf4" frameborder="0"></iframe>
尝试添加滚动=“否”。
<iframe scrolling="no" src="..." width="320" height="180"></iframe>
iPhone不支持iframe高度属性。尝试把iFrame放入这样的div:
.scroll {
height:200px;
width:200px;
overflow:auto;
}
<div class="scroll">content</div>
我以前见过这个解决方案,但它会隐藏首先出现的视频快照。我也无法看到PLAY按钮。 – denicio 2011-04-03 13:41:07
@niovhe:尝试使用JavaScript来调整iframe的大小。看看这是否有窍门。 – 2011-04-03 13:44:08
当您使用javascript重写高度时,请使用%。不知道为什么,但它似乎是唯一可行的。一个好的数字开始是高度=“20%”
这是我一直在使用。
/* patch Ipad Youtube */
var agent = navigator.userAgent.toLowerCase();
var patchApple = (agent.indexOf('iphone')!=-1) || (agent.indexOf('ipad')!=-1);
if (patchApple) { $('iframe').css({ 'height':'20%' }); }
是的。你的解决方案为我解决了这个问题。接受! – awolf 2011-04-20 22:43:16