iOS safari가 iframe을 자동으로 확장합니다.

Question

iOS에서 iframe의 크기를 제어 할 수 없습니다. 내부의 콘텐츠가 전체 iframe을 확장하는 것으로 보입니다. 난 성공하지 않고 크기를 제어하는 ​​CSS와 자바 스크립트를 사용했습니다.

나는이 두 가지로 시도 :

iframe { 
    height:100px !important; 
    width:100px !important; 
} 

$('iframe).css({'height':'100px'}); 

Answer 1

.video-container iframe { 
 
    position: absolute; 
 
    top:0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
}

가 포함 된 내용이 대응하려면, 당신은 iframe이 주위에 포함 래퍼를 추가해야합니다. 마크 업이 다음과 같이 될 것이다 :

.video-container { 
 
    position: relative; 
 
    padding-bottom: 56.25%; 
 
    padding-top: 35px; 
 
    height: 0; 
 
    overflow: hidden; 
 
}

<div class="video-container"> 
 
    <iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0"> 
 
    </iframe> 
 
</div>