Free WordPress Plugin
DIRSCHL YouTube Playlist
YouTube-Playlists als Galerie oder Liste mit großem Player und festem Seitenverhältnis.
Ideal für quadratische oder vertikale Videos (Musik, Social, Shorts-artige Formate) und für Kurs- oder Portfolio-Playlists – nicht für einzelne Video-Einbettungen (dafür reicht oEmbed oder ein Video-Block).
Ein Klick auf eine Vorschau wechselt das Video im Hauptplayer. API-Antworten werden gecacht, Assets laden nur auf Seiten mit Shortcode.
DIRSCHL WordPress Plugin Suite
Alle unsere Plugins werden über einen zentralen Hub verwaltet. Dieser bietet Zugang zu allen kostenfreien Plugins und stellt ein zentrales CSS zur Verfügung, damit auch Dark-Light Mode zentral für die Seite verwaltet werden kann. Alle DIRSCHL Plugins erhalten so ein einheitliches Aussehen, das auch für WordPress (auch DIVI getestet) verwendet werden kann.
Zusätzlich können hier auch unsere Premium Plugins incl. Support erworben werden. Der Hub verwaltet dann den Lizenzschlüssel, der aber für die Free Plugins nicht erforderlich ist.
Funktionen
- Großer YouTube-Player + klickbare Thumbnail-Galerie
- Grid-Layout (Kachel-Galerie) oder List-Layout mit Titelzeile
- Freies Seitenverhältnis (Standard 1:1, z. B. 16:9, 2/3, 5/7)
- Player optional – nur Videoliste ohne eingebetteten Player möglich
- Abo-Button mit
var(--dh-control)/ Hub-Farben, getrennt vom Player - Backend: Playlists, Einstellungen und CSS-Tab (pro
idKlasse.dirschl-ytpl-{id}) - Responsive Default-CSS für Galerie (8 → 6 → 4 → 2 Spalten)
- Transient-Cache für Playlist-Daten (Quota-schonend)
- CSS/JS nur bei Shortcode-Nutzung – kein Ballast auf anderen Seiten
- Autoplay standardmäßig aus (
autoplay="1"optional)
Konfiguration
- Tab Playlists – mehrere Playlists mit Slug, Layout, Ratio, Player, Abo
- Tab Einstellungen – API-Key und Cache-Dauer
- Tab CSS – Default-Styling und pro Playlist via
.dirschl-ytpl-{id} - Shortcode:
Unbekannte Playlist-ID (Slug). Bitte im Backend unter Playlists prüfen.
- Ratio – beliebiges Format
Breite/Höhe, Standard1/1 - player="0" – nur Galerie/Liste, Klick öffnet YouTube
Datenschutz
Beim Aufruf einer Seite mit Shortcode lädt YouTube/Google Ressourcen (IFrame, ggf. Cookies). In der Datenschutzerklärung entsprechend erwähnen.
Roadmap
- Gutenberg-Block und Shortcode-Generator im Backend
- Carousel-/Lightbox-Galerie
- Pagination für Playlists mit mehr als 50 Videos
- Optionales DIRSCHL-Hub-Design (
var(--dh-*))
Shortcode
[dirschl_youtube_playlist id="musik" layout="grid" ratio="1/1" player="1" subscribe="0"]Parameter: id (gespeicherte Playlist), layout (grid|list), ratio (frei, z. B. 1/1, 16/9, 2/3, 5/7), player (0|1), subscribe (0|1, Hub-Farben).
Installation (Schritt für Schritt)
- ZIP 1.1.2 herunterladen (rechte Spalte)
- WordPress: Plugins → Installieren → Plugin hochladen
- Plugin DIRSCHL YouTube Playlist aktivieren
- Einstellungen → YouTube Playlist – Tab Einstellungen: API-Key
- Tab Playlists: Playlists mit
id(Slug) anlegen - Shortcode
[dirschl_youtube_playlist id="slug"]einfügen - Tab CSS: Player-Größe und Spalten anpassen
YouTube API Key
Im Google Cloud Console Projekt anlegen, YouTube Data API v3 aktivieren und API-Key erstellen. Key nach Möglichkeit auf Ihre Domain beschränken.
Download & Installation
Version 1.1.2
dirschl-youtube-playlist-1.1.2.zip herunterladen
Vorgänger (falls nötig):
Letzte Änderungen
- 1.1.2 – Responsive CSS, CSS-Tab, Multi-Playlist-Admin, flexible Ratios
- 1.0.0 – Erste öffentliche Version
Details siehe readme.txt im Plugin.
Support
Individuelle Video-Galerien, Kurs-Integration oder White-Label? Wir entwickeln WordPress-Plugins nach Maß.