任何想法爲什麼不管我分配給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