使用 iframe 嵌入 iPhone YouTube

Question

知道为什么无论我为 iframe 分配什么高度，它都不会调整大小吗？我正在 iPhone 上对此进行测试（在桌面浏览器上它可以正确调整大小）。

<iframe width="320" height="180" src="http://www.youtube.com/embed/wwbKu0mznf4" frameborder="0"></iframe>

Answer 1

尝试添加滚动=“否”。

<iframe scrolling="no" src="..." width="320" height="180"></iframe>

Answer 2

当您使用 javascript 重写高度时，请使用 %。不知道为什么，但这似乎是唯一有效的方法。一个好的开始数字是 height="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%' }); }

Answer 3

iPhone 不支持 iframe 高度属性。尝试将 iFrame 放入 div 中，如下所示：

.scroll {
  height:200px;
  width:200px;
  overflow:auto;
}


<div class="scroll">content</div>