.

Cookie-Hinweis - Desktop

03.04.2018

Sich anpassende Video-Größe

Hier verlinke ich den Code, den ich nutze, damit sich die Größe eines Videos in der Mobilversion an die jeweilige Bildschirmgröße anpasst und ich erläutere dazu.




Quelle

Ein Vimeo- oder YouTube-Video “responsive” einbinden (Holger Koenemann, 08.04.2014)

HTML

Im HTML-Modus des Post-Editors setze ich also um das iframe, in dem das jeweilige Video ist, ein div mit der Klasse "responsive-video".

CSS

Unter "Design > Ampassen > Erweitert > CSS hinzufügen" habe ich das CSS, das Holger Koenemann in seinem Post empfiehlt nur für die Mobilversion eingetragen. Ich habe also bei beiden Zielen der CSS-Kommandos jeweils .mobile und ein Leerzeichen davor gesetzt. - Die Webversion des hiesigen Blogs passt sich allgemein nicht an Bildschirmgrößen an, daher kommt es dort gar nicht vor, dass sich ein eingebettetes Video an andere Umgebungen anpassen müsste.


0 Kommentare:

Kommentar veröffentlichen