Vorlage:YouTube: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

VisuellWikitext

Version vom 27. August 2025, 22:18 Uhr

Diese Vorlage zeigt ein eigenes Vorschaubild (von 4m3.org) und verlinkt beim Klick zum YouTube-Video.

Verwendung

Minimal

Mit Breite (Pixel) und Alt-Text

Mit Startzeit / Playlist / in neuem Tab

{{YouTube|id=dQw4w9WgXcQ|t=83|list=PL123ABC|newtab=1|w=400|caption=Ab 1:23}}

Parameter

id (Pflicht): YouTube-Video-ID (z. B. dQw4w9WgXcQ).
w (optional): Breite in Pixeln (Bild wird serverseitig über &w= skaliert).
alt (optional): Alternativtext des Vorschaubilds.
caption (optional): Bildunterschrift unter dem Bild.
t (optional): Startzeit (Sekunden oder 1m23s).
list (optional): Playlist-ID.
newtab (optional): 1 = Link in neuem Tab öffnen.

Hinweise

Erfordert in der Wiki-Konfiguration $wgRawHtml = true;.
Externe Bilder von https://4m3.org/img/ müssen erlaubt sein (siehe $wgAllowExternalImagesFrom).
Es werden keine Ressourcen von YouTube geladen, bis Nutzer klicken.

@@ Zeile 1: / Zeile 1: @@
 <includeonly>
-https://4m3.org/img/youtube.php?id={{{id}}}{{#if:{{{w|}}}|&w={{{w}}}}}
+<!-- Klickbares Vorschaubild (ohne YouTube-Einbettung) -->
-<br />
+<a href="https://www.youtube.com/watch?v={{{id}}}{{#if:{{{t|}}}|&amp;t={{{t}}}}}{{#if:{{{list|}}}|&amp;list={{{list}}}}}"
-[https://www.youtube.com/watch?v={{{id}}}{{#if:{{{t|}}}|&t={{{t}}}}}{{#if:{{{list|}}}|&list={{{list}}}}} {{{text|▶️ Auf YouTube ansehen}}}]
+   rel="noopener nofollow"
+   target="{{#if:{{{newtab|}}}|_blank|_self}}">
+  <img src="https://4m3.org/img/youtube.php?id={{{id}}}{{#if:{{{w|}}}|&amp;w={{{w}}}}}"
+       alt="{{{alt|YouTube-Vorschau}}}"
+       {{#if:{{{w|}}}|width="{{{w}}}"|}}
+       loading="lazy" decoding="async" />
+</a>
 {{#if:{{{caption|}}}|<div class="yt-caption">{{{caption}}}</div>|}}
 </includeonly><noinclude>
-Diese Vorlage zeigt ein externes Vorschaubild (von 4m3.org) und darunter einen Link zum YouTube-Video.
+Diese Vorlage zeigt ein eigenes Vorschaubild (von 4m3.org) und verlinkt beim Klick zum YouTube-Video.
-Es wird kein YouTube-iFrame eingebettet.
 == Verwendung ==
@@ Zeile 12: / Zeile 17: @@
 <nowiki>{{YouTube|id=dQw4w9WgXcQ}}</nowiki>
-;Mit Breite (Pixel) – serverseitige Skalierung via &w=
+;Mit Breite (Pixel) und Alt-Text
-<nowiki>{{YouTube|id=dQw4w9WgXcQ|w=320}}</nowiki>
+<nowiki>{{YouTube|id=dQw4w9WgXcQ|w=320|alt=Rick Astley – Vorschau}}</nowiki>
-;Mit Startzeit / Playlist / eigenem Linktext und Bildunterschrift
+;Mit Startzeit / Playlist / in neuem Tab
-<nowiki>{{YouTube|id=dQw4w9WgXcQ|t=83|list=PL123ABC|text=Zum Video|w=400|caption=Ab Minute 1:23}}</nowiki>
+<nowiki>{{YouTube|id=dQw4w9WgXcQ|t=83|list=PL123ABC|newtab=1|w=400|caption=Ab 1:23}}</nowiki>
 == Parameter ==
 * <code>id</code> (Pflicht): YouTube-Video-ID (z. B. <code>dQw4w9WgXcQ</code>).
-* <code>w</code> (optional): Bildbreite in Pixeln (dein Script skaliert über <code>&w=</code>).
+* <code>w</code> (optional): Breite in Pixeln (Bild wird serverseitig über <code>&amp;w=</code> skaliert).
-* <code>text</code> (optional): Linktext (Standard: „▶️ Auf YouTube ansehen“).
+* <code>alt</code> (optional): Alternativtext des Vorschaubilds.
-* <code>t</code> (optional): Startzeit (Sekunden oder z. B. <code>1m23s</code>).
+* <code>caption</code> (optional): Bildunterschrift unter dem Bild.
+* <code>t</code> (optional): Startzeit (Sekunden oder <code>1m23s</code>).
 * <code>list</code> (optional): Playlist-ID.
-* <code>caption</code> (optional): Bildunterschrift unter dem Vorschaubild.
+* <code>newtab</code> (optional): <code>1</code> = Link in neuem Tab öffnen.
-<templatedata>
+== Hinweise ==
-{
+* Erfordert in der Wiki-Konfiguration <code>$wgRawHtml = true;</code>.
-  "description": "Zeigt ein externes Vorschaubild (4m3.org) und einen Textlink zum YouTube-Video – ohne Raw-HTML.",
+* Externe Bilder von <code>https://4m3.org/img/</code> müssen erlaubt sein (siehe <code>$wgAllowExternalImagesFrom</code>).
-  "params": {
+* Es werden keine Ressourcen von YouTube geladen, bis Nutzer klicken.
-    "id": {"label": "Video-ID", "type": "string", "required": true},
-    "w": {"label": "Breite (px)", "type": "number", "required": false},
-    "text": {"label": "Linktext", "type": "string", "required": false, "default": "▶️ Auf YouTube ansehen"},
-    "t": {"label": "Startzeit", "type": "string", "required": false},
-    "list": {"label": "Playlist-ID", "type": "string", "required": false},
-    "caption": {"label": "Bildunterschrift", "type": "string", "required": false}
-  }
-}
-</templatedata>
 </noinclude>