Das war hier schon mal Thema, anbei ein Ansatz: 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&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&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; }
Da hilft oft nur noch Google [url=https://www.google.de/]https://www.google.de/" target="_blank">
Das war hier schon mal Thema, anbei ein Ansatz:
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&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&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;
}