YouTube Videos responsive in WordPress einbinden
YouTube-Videos responsive in ein WordPress-Blog einbinden, das ist auch so eine Sache die ich schon eine gefühlte Ewigkeit vor mir her schiebe. Dabei ist es eigentlich überhaupt kein Hexenwerk, so etwas ohne zusätzliches Plugin zu bewerkstelligen. Also habe ich mir eben mal ein Stündchen Zeit genommen, per Lieblingssuchmaschine beim Geiststreicher die entsprechenden Zutaten abgefischt, im Theme-CSS eingebettet, die bisher hier veröffentlichten 10 Videobeiträge entsprechend geändert und fertig ist die Laube.
Man nehme folgenden CSS-Code und trage ihn im entsprechenden Stylesheet des Themes (bei mir: resposive.css) ein:
Möchte man ein nun ein Video im Blog einbetten, ohne dass dieses auf dem Smartphone gleich das komplette Layout verzerrt fügt man folgendes ein:
Dabei ist darauf zu achten, dass man die Iframe-Variante des Embed-Codes auswählt. Die center-Befehle innerhalb der div-Container habe ich im übrigen von mir aus dazu gefügt, ich habs gerne mittig. Kann man also auch weglassen, dann steht das Video linksbündig im Beitrag. Und nun sollte auch das eingebettete nachfolgend Video maßstabgerecht auf dem Smartphone anzuschauen sein. Bei mir jedenfalls klappt es…
YouTube Videos responsive in WordPress einbinden Read More »