Vimeo Video einbinden
Wie man mit einfachen Zeilen Code ein Vimeo-Video in WordPress direkt in den Quellcode einbaut.
Vimeo Video in WordPress einbauen – Quellcode
Link: ⇒ Quellcode als .txt-Datei Vimeo-Video-Quellcode-Wordpress.txt
3 Tipps zum Code
- Cookie-Freiheit kann bei dem Code-Schnipsel nicht garantiert werden. Deshalb ist hinter dem Vimeo-Video-Link der Parameter ?dnt=1 – es ist die aktuell beste, direkte Embed-Variante. Der Parameter dnt=1 steht für Do Not Track und teilt Vimeo mit, dass der Player möglichst ohne Tracking und ohne Cookies geladen werden soll. Sonst bleibt nur die Click-to-load-Lösung, bei der Vimeo erst nach Klick geladen wird – was User aus Usability-Gründen aber oft ablehnen.
- Responsive: der HTML-Code ist so entworfen, daß das Video sich „Responsive“ an den Bildschirm des Geräts des Users anpassen soll, d.h. es soll so groß „werden“ wie der Bildschirm ist und ob es hoch oder quer ist. Die 16:9-Responsiveness kommt über:
padding-bottom:56.25%;
Falls das Video schmaler erscheinen soll, nur diesen Wert ändern:
max-width:900px;
Zum Beispiel auf 700px.
- SEO: Im Quellcode könnt ihr noch den title des Videos mitgeben, das würde ich auf jeden Fall nutzen.
Weitere Formate
Wenn du dem Video ein anderes Format als 16:9 mitgeben willst, kann du den Quellcode anpassen:
- 16:9 = padding-bottom:56.25%;
- 4:3 = padding-bottom:75%;
- 3:2 = padding-bottom:66.66%;
- 1:1 = padding-bottom:100%;
- 21:9 = padding-bottom:42.85%;
Die verschiedenen Bildgrößen / Bildauflösungen
Falls ihr wirklich eine bestimmte Größe angeben müsst, hier zur Orientierung die Standard-Bildgrößen:
- Kleine Videos: 320 x 240 px
- Mittlere Videos: 480 x 360 px
- YT-Standard: 560 x 315 px
- SD Videos: 640 x 480 px
- HD Video: 1280 x 720 px
- Full HD: 1920 x 1080 px
- 4K (UHD): 3840 × 2160 px
- 8K (Full UHD): 7680 × 4320 px
- 16K (Quad UHD): 15360 × 8640 px
Und wie es am Ende im Beitrag aussieht, seht ihr hier: Yes, our new website is behind schedule…
