Wie macht man Youtube Videos Responsive?


2 Antworten

Von Arndt am 08.02.2023, 11:19 Uhr:

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&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;
}

Ist diese Antwort hilfreich?

Von Söhne am 21.07.2023, 18:18 Uhr:

Da hilft oft nur noch Google

[url=https://www.google.de/]https://www.google.de/" target="_blank">

Ist diese Antwort hilfreich?

Name:*

Homepage:

E-Mail-Adresse:* (wird nicht angezeigt)

Deine Meinung / Antwort:
Fett Kursiv Unterstrichen Durchgestrichen Youtube Video Link Zeichen noch verfügbar!



© 2012-2016 eQuestion • All rights reserved. Datenschutz
Keine Haftung und kein Anspruch auf Vollständigkeit sowie Richtigkeit der Fragen und Antworten.

Nach oben

Unsere Website nutzt Cookies um bestimmte Bereiche / Funktionen bestmöglich darstellen zu können. Mit Nutzung unserer Website erklären Sie sich damit einverstanden, dass wir Cookies verwenden. OK