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

埋め込む YouTube 動画をレスポンシブに対応するには、
以下のようにします。
[html]

/* YouTube の埋込コード */

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