iFrameの縦横比が固定されていて、CSSの寸法に反応しません

Question

コンテンツ管理システムにiFrameを埋め込みました。後でページを変更するときにプレビュー機能として動作します。問題は、iFrameがサイズを変更しないと、私は困惑しているということです。例に

動画のリンク：https://www.icloud.com/sharedalbum/#B0b5M7GFPGbX4Tu

どのように私は私が入ってるCSS値までの高さが応答することができますか？何が起こっていますか？

Answer 1

お返事のために、この

.videowrapper { 
    float: none; 
    clear: both; 
    width: 100%; 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 25px; 
    height: 0;} 

.videowrapper iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

<div class="videowrapper"> 
<iframe width="853" height="480" src="-YOUR-URL-HERE-" frameborder="0" allowfullscreen></iframe> 
</div>