【HTML&CSS】埋込 YouTube をレスポンシブにする

埋め込む YouTube 動画をレスポンシブに対応するには、
以下のようにします。
[html]
<div class=”movie”>
/* YouTube の埋込コード */
</div>
[/html]

[css]
.movie{
position:relative;
width:100%;
padding-top:56.25%;
}
.movie iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
[/css]