DIRSCHL.com GmbH Logo
(Deutsch)

DIRSCHL YouTube Playlist

Kostenfrei – 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.

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)

  1. ZIP 1.1.5 herunterladen (rechte Spalte)
  2. WordPress: Plugins → Installieren → Plugin hochladen
  3. Plugin DIRSCHL YouTube Playlist aktivieren
  4. Einstellungen → YouTube Playlist – Tab Einstellungen: API-Key
  5. Tab Playlists: Playlists mit id (Slug) anlegen
  6. Shortcode [dirschl_youtube_playlist id="slug"] einfügen
  7. 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

Letzte Version 1.1.5

Aktuelle ZIP (v1.1.5) herunterladen

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 id Klasse .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)

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.

Konfiguration

  1. Tab Playlists – mehrere Playlists mit Slug, Layout, Ratio, Player, Abo
  2. Tab Einstellungen – API-Key und Cache-Dauer
  3. Tab CSS – Default-Styling und pro Playlist via .dirschl-ytpl-{id}
  4. Shortcode:

    Unbekannte Playlist-ID (Slug). Bitte im Backend unter Playlists prüfen.

  5. Ratio – beliebiges Format Breite/Höhe, Standard 1/1
  6. 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-*))

Support

Individuelle Video-Galerien, Kurs-Integration oder White-Label? Wir entwickeln WordPress-Plugins nach Maß.

Nach oben