YouTube YouTube для вставки с iframe

Question

Есть идеи, почему независимо от того, какую высоту я назначаю для фрейма, он не меняет размер? Я тестирую это на iPhone (в настольном браузере размер корректно меняется).

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

Answer 1

Попробуйте добавить scrolling = "no".

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

Answer 2

Когда вы переписываете высоту с помощью 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%' }); }

Answer 3

iPhone не поддерживает атрибут iframe height. Попробуйте поместить iFrame в div следующим образом:

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


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