Videos mit oEmbed in WordPress responsive einbinden

Diese Notiz zeigt auf, wie man mit Hilfe der in WordPress integrierten oEmbed-Funktion Videos responsive einbindet und die max-width für Videos definiert.

oEmbed ist eine Schnittstelle für das automatische Einbinden externer Medieninhalten wie z.B. Videos von YouTube. WordPress nutzt diese Schnittstelle. So reicht es im Editor die Adresse des Videos zu kopieren und im Frontend wird das entsprechende Video eingebettet. Eine Liste der von WordPress unterstützen Dienste findet man hier.

Um externe Videos in WordPress mit Hilfe der oEmbed-Funktion responsive in die Website einzubinden reicht es den nachfolgenden CSS-Schnipsel sowie den Filter in die functions.php des Themes zu integrieren.

CSS

Filter für oEmbed (functions.php)

Quelle: websitesthatdontsuck.com

max-width für oEmbed in WordPress 3.5 definieren

Seit WordPress 3.5 kann die maximale Weite von eingebetteten Inhalten nicht mehr in den Optionen des Backends eingestellt werden.
Um die max-width für eingebetteten Content in WordPress zu bestimmen wird in die functions.php folgendes eingetragen:

Quelle: wpbeginner