Du willst eine komplette YouTube-Playlist in WordPress einbinden, aber nicht als einzelnen Player mit Vor- und Zurück-Taste, sondern als übersichtliche Video-Galerie mit Vorschaubild und Titel für jedes Video? Genau das habe ich für meine Seite mit den getesteten Wireless CarPlay Adaptern gebraucht. Weil ich dafür kein passendes Plugin gefunden habe, gibt es jetzt LYTE Playlist Grid: ein kleines, kostenloses Add-on für WP YouTube Lyte, das Du auf GitHub herunterladen kannst.
Das Problem: YouTube-Playlists in WordPress sind unpraktisch
Inzwischen habe ich 30 Wireless CarPlay Adapter getestet und zu fast jedem ein Video gemacht. Alle Videos liegen in einer YouTube-Playlist. Auf mizine.de wollte ich sie auf einer Übersichtsseite zeigen, damit Du Dir den passenden Test direkt heraussuchen kannst.
Dafür gibt es im Grunde zwei Wege, und beide haben mich nicht überzeugt:
- Den Playlist-Embed von YouTube: Du siehst nur ein Video, die restlichen versteckst Du hinter einem kleinen Menü. Als Übersicht taugt das nicht. Außerdem lädt der normale YouTube-Embed schon beim Seitenaufruf Daten von YouTube, also noch bevor Dein Besucher überhaupt auf Play klickt.
- Jedes Video einzeln einbinden: Das funktioniert, ist aber Handarbeit. Bei jedem neuen Video musst Du die Seite wieder anfassen, und gelöschte Videos bleiben als Leiche stehen.
Für einzelne Videos nutze ich auf mizine.de schon lange WP YouTube Lyte. Das Plugin zeigt zuerst nur ein Vorschaubild und lädt den eigentlichen YouTube-Player erst, wenn jemand auf Play klickt. Das macht die Seite schneller und schickt nicht bei jedem Seitenaufruf Daten an YouTube. Eine Playlist als Grid kann LYTE aber nicht darstellen.
Die Lösung: LYTE Playlist Grid
LYTE Playlist Grid schließt genau diese Lücke. Du gibst per Shortcode die ID Deiner Playlist an, und das Plugin holt sich über die YouTube Data API alle öffentlichen Videos daraus. Jedes Video wird dann ganz normal über WP YouTube Lyte ausgegeben, mit seinem Titel darunter. Einen eigenen Videoplayer bringt das Add-on nicht mit, die Wiedergabe übernimmt komplett LYTE.
So sieht das Ergebnis auf meiner Seite mit den CarPlay-Adapter-Tests aus:
Lade ich ein neues Video in die Playlist hoch, taucht es nach spätestens 12 Stunden automatisch auf der Seite auf. Ich muss in WordPress nichts mehr anfassen.
Was das Plugin kann
- Ganze Playlist als Grid: Auf dem Desktop 3 Spalten, auf dem Tablet 2 und auf dem Smartphone eine. Die Spaltenzahl für den Desktop kannst Du zwischen 1 und 4 einstellen.
- Click-to-load über LYTE: Der YouTube-Player wird erst beim Klick geladen, genau wie bei Deinen anderen LYTE-Videos.
- Automatische Aktualisierung: Die Playlist wird 12 Stunden zwischengespeichert. Danach holt sich das Plugin beim nächsten Seitenaufruf den aktuellen Stand.
- Private und gelöschte Videos werden ausgeblendet, doppelte Einträge ebenfalls.
- Lange Playlists: Bis zu 1.000 Einträge werden unterstützt.
- Ausfallsicher: Ist die YouTube API mal nicht erreichbar oder Dein Kontingent aufgebraucht, zeigt das Plugin die zuletzt erfolgreich geladene Liste an.
- Keine Fehlermeldungen für Besucher: Hinweise zu fehlenden API-Keys oder API-Fehlern sehen nur Administratoren.
- Schlank: Das CSS wird nur auf Seiten geladen, die den Shortcode verwenden. Eine deutsche Übersetzung ist dabei.
Voraussetzungen
- WordPress ab Version 6.0 und PHP ab 7.4
- Das aktive Plugin WP YouTube Lyte
- Ein API-Key für die YouTube Data API v3, eingetragen in den LYTE-Einstellungen
- Eine öffentliche YouTube-Playlist
YouTube Playlist in WordPress einbinden: Schritt für Schritt
1. WP YouTube Lyte installieren
Falls Du LYTE noch nicht nutzt, installierst Du es ganz normal über Plugins > Installieren und suchst nach „WP YouTube Lyte“.
2. YouTube API-Key anlegen
LYTE Playlist Grid nutzt den API-Key, den Du in WP YouTube Lyte hinterlegst. So kommst Du an einen Key:
- Öffne die Google Cloud Console und lege ein Projekt an.
- Aktiviere unter APIs & Dienste > Bibliothek die YouTube Data API v3.
- Erstelle unter APIs & Dienste > Anmeldedaten einen neuen API-Schlüssel.
- Beschränke den Schlüssel auf die YouTube Data API v3.
- Trage den Key in WordPress unter Einstellungen > WP YouTube Lyte ein.
Wichtig: Setze keine Beschränkung auf HTTP-Referrer. Das Plugin fragt die Playlist von Deinem Server aus ab und nicht aus dem Browser Deiner Besucher, deshalb würde ein Referrer-Filter die Anfragen blockieren. Wenn Du den Key zusätzlich absichern willst, beschränke ihn stattdessen auf die IP-Adresse Deines Servers.
3. LYTE Playlist Grid installieren
- Lade auf GitHub unter Releases die Datei
lyte-playlist-grid-v1.2.0.zipherunter. - Gehe in WordPress auf Plugins > Installieren > Plugin hochladen und wähle die ZIP-Datei aus.
- Aktiviere LYTE Playlist Grid.
4. Playlist-ID herausfinden
Öffne Deine Playlist auf YouTube. Die ID steht in der Adresszeile hinter list=. Bei dieser Adresse:
https://www.youtube.com/playlist?list=PL-DHsM-Gc8c9rWf4gqzhkBbdwtpuDLOaB
ist die Playlist-ID also PL-DHsM-Gc8c9rWf4gqzhkBbdwtpuDLOaB.
5. Shortcode einfügen
Füge auf Deiner Seite oder in Deinem Beitrag einen Shortcode-Block ein und trage dort ein:
[lyte_playlist_grid id="PL-DHsM-Gc8c9rWf4gqzhkBbdwtpuDLOaB"]
Willst Du auf dem Desktop 4 statt 3 Spalten haben, ergänzt Du columns:
[lyte_playlist_grid id="PL-DHsM-Gc8c9rWf4gqzhkBbdwtpuDLOaB" columns="4"]
Das war es schon. Beim ersten Aufruf der Seite lädt das Plugin die Playlist, danach kommt sie aus dem Cache.
Und der Datenschutz?
Das Plugin selbst setzt keine Cookies und bindet kein zusätzliches YouTube-Skript ein. Die Playlist wird von Deinem Server bei Google abgefragt, Deine Besucher haben dabei keinen Kontakt zu YouTube. Die Videos gibt WP YouTube Lyte aus, und das lädt den YouTube-Player erst, wenn jemand auf Play klickt.
Wie datenschutzfreundlich das Ganze am Ende ist, hängt also vor allem von Deinen LYTE-Einstellungen ab, zum Beispiel davon, ob die Vorschaubilder lokal zwischengespeichert werden. Eine Rechtsberatung ersetzt das natürlich nicht. Prüfe für Deine Seite, ob Deine Datenschutzerklärung YouTube abdeckt.
Kostenlos und Open Source
LYTE Playlist Grid steht unter der GPL-2.0-Lizenz und ist komplett kostenlos. Den Quellcode findest Du im GitHub-Repository. Dort kannst Du auch Fehler melden oder Verbesserungen vorschlagen. Es ist ein unabhängiges Add-on und hat nichts mit YouTube, Google oder den Entwicklern von WP YouTube Lyte zu tun.
Häufige Fragen
Funktioniert das Plugin ohne WP YouTube Lyte?
Nein. LYTE Playlist Grid ist ein Add-on und nutzt LYTE für die Darstellung der Videos. Ohne aktives LYTE zeigt das Plugin Administratoren einen Hinweis an, Besucher sehen nichts.
Kostet die YouTube API etwas?
Für normale Websites nicht. Google gibt Dir ein kostenloses Tageskontingent. Weil das Plugin die Playlist 12 Stunden zwischenspeichert, verbraucht es davon nur sehr wenig.
Kann ich private Playlists einbinden?
Nein, die Playlist muss öffentlich sein. Private und gelöschte Videos innerhalb einer öffentlichen Playlist werden automatisch übersprungen.
Wie schnell erscheinen neue Videos?
Spätestens nach 12 Stunden. Dann läuft der Cache ab, und beim nächsten Seitenaufruf holt sich das Plugin die aktuelle Playlist.
Funktioniert das mit Elementor und anderen Page Buildern?
Ja, überall dort, wo Du Shortcodes verwenden kannst. Bei manchen Page Buildern wird das CSS etwas später geladen, das Grid funktioniert aber trotzdem.
Hinweis: Die Empfehlungen enthalten Amazon Affiliate-Links. Bei einem Kauf erhalte ich eine kleine Provision – für Dich bleibt der Preis gleich.
Letzte Änderung: