Wie macht man Youtube Videos Responsive?


23 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?

Von Bridget Hertrich am 10.10.2023, 16:34 Uhr:

[url=http://bild.de]bild" target="_blank">

Ist diese Antwort hilfreich?

Von Bridget Hertrich am 10.10.2023, 16:35 Uhr:

<a href="https://www.vitaminexpress.org/de/5-htp-kaufen" >vitaminexpress.org</a>

Ist diese Antwort hilfreich?

Von Bridget Hertrich am 10.10.2023, 16:35 Uhr:

http://www.vitaminexpress.org/de/5-htp-kaufen

Ist diese Antwort hilfreich?

Von Bridget Hertrich am 10.10.2023, 16:36 Uhr:

[url=https://www.vitaminexpress.org/de/magnesium-kaufen]vitaminexpress.org" target="_blank">

Ist diese Antwort hilfreich?

Von Bridget Hertrich am 10.10.2023, 16:36 Uhr:

[url=http://www.vitaminexpress.org/de/magnesium-kaufen]vitaminexpress.org" target="_blank">

Ist diese Antwort hilfreich?

Von Konny (https://haengemattenshop.com/amazonas/haengematten) am 10.10.2023, 16:43 Uhr:

Für mich das wichtigste ist meine Hängematte. Natürlich mit eigenem Gestell, <a href="https://haengemattenshop.com/amazonas/haengemattengestell " target="_blank">https://haengemattenshop.com/amazonas/haengemattengestell </a> , damit ich mir nicht noch zwei Bäume suchen muss, wo ich sie aufhängen kann. Der Grund ist relativ einfach. Gerade im Sommer wir es im Zelt/Wohnwagen so stickig, das man nachts kaum schlafen kann. In meiner Hängematte ist das kein Problem. Das Himmelszelt ist mein Dach
https://haengemattenshop.com/amazonas/haengemattengestell

Ist diese Antwort hilfreich?

Von Erik (https://www.google.de/) am 04.11.2023, 15:45 Uhr:

Man kann ja auch die Tante [url=https://www.google.de/]Google" target="_blank"> fragen...die weiß eh alles

Ist diese Antwort hilfreich?

Von D4Design am 10.12.2023, 10:08 Uhr:

http://www.postleitzahlen.de/

Ist diese Antwort hilfreich?

Von D4Design am 10.12.2023, 10:09 Uhr:

[url=https://www.vitaminexpress.org/de/magnesium-kaufen]vitaminexpress.org" target="_blank">

Ist diese Antwort hilfreich?

Von SQFT Schweiz am 01.02.2024, 18:31 Uhr:

https://www.sqft.ch/
https://www.sqft.ch/

Ist diese Antwort hilfreich?

Von D4Design am 17.04.2024, 10:43 Uhr:

sehe ich [url-=https://sportbild.bild.de/]so" target="_blank">

Ist diese Antwort hilfreich?

Von Bridget Hertrich am 17.04.2024, 10:53 Uhr:

<a href="https://www.sqft.ch/" target="_blank">https://www.sqft.ch/</a>

Ist diese Antwort hilfreich?

Von WordPress Website &amp; SEO (https://amsterdamseo.wixsite.com/my-site-3) am 16.05.2024, 06:18 Uhr:

https://amsterdamseo.wixsite.com/my-site-3

Ist diese Antwort hilfreich?

Von John Wayne am 06.07.2024, 17:53 Uhr:

[url=https://www.bild.de/]Bild" target="_blank"> war dabei

Ist diese Antwort hilfreich?

Von John Wayne am 06.07.2024, 17:54 Uhr:

[url=http://www.bild.de/]Bild" target="_blank"> war dabei

Ist diese Antwort hilfreich?

Von Romeo am 06.07.2024, 17:56 Uhr:

https://www.bild.de war dabei

Ist diese Antwort hilfreich?

Von Romeo am 06.07.2024, 17:57 Uhr:

[url=https://www.bild.de/]https://www.bild.de" target="_blank"> war dabei

Ist diese Antwort hilfreich?

Von Romeo am 06.07.2024, 17:58 Uhr:

[url=https://www.bild.de/]http://www.bild.de" target="_blank"> war dabei
[url=https://rudern-zuhause.de/]Rudergerät" target="_blank">

Ist diese Antwort hilfreich?

Von Romeo am 06.07.2024, 17:59 Uhr:

[url=https://www.bild.de]http://www.bild.de" target="_blank"> war dabei
[url=https://rudern-zuhause.de]Rudergerät" target="_blank">

Ist diese Antwort hilfreich?

Von Romeo am 06.07.2024, 18:01 Uhr:

[url=https://www.bild.de]http://www.bild.de" target="_blank">https://www.bild.de/ war dabei
[url=https://rudern-zuhause.de]Rudergerät" target="_blank">https://www.bild.de/
https://www.bild.de/

Ist diese Antwort hilfreich?

Von Bridget Hertrich am 10.10.2023, 16:40 Uhr:

<a href="https://haengemattenshop.com/amazonas/haengemattengestell " target="_blank">https://haengemattenshop.com/amazonas/haengemattengestell </a>

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