Wie macht man eingebettete Youtube Videos responisve?

Den Block mit dem Video wird ein Div Container vorausgesetzt:

<div class="responsive-video">
<object id="video_1" width="640" height="420"><param name="movie" value="http://www.youtube.com/v/RveIJFR7LV4?version=3&amp;hl=de_DE"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RveIJFR7LV4?version=3&amp;hl=de_DE" type="application/x-shockwave-flash" width="640" height="420" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>

Jetzt noch die CSS Anweisung im Head Bereich der Seite:

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

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

Vielen Dank für die Frage und die ausführliche Antwort. Habe mich gerade auch damit beschäftigt.
Mit besten Grüßen
Daniel von http://www.youtube.com/v/qOc2jExjTIU