Vorlage:YouTube: Unterschied zwischen den Versionen

Version vom 27. August 2025, 22:08 Uhr

Diese Vorlage zeigt ein externes Vorschaubild (von 4m3.org) und darunter einen Link zum YouTube-Video. Es wird kein YouTube-iFrame eingebettet.

Verwendung

Minimal

Mit Breite (Pixel) – serverseitige Skalierung via &w=

Mit Startzeit / Playlist / eigenem Linktext und Bildunterschrift

{{YouTube|id=dQw4w9WgXcQ|t=83|list=PL123ABC|text=Zum Video|w=400|caption=Ab Minute 1:23}}

Parameter

id (Pflicht): YouTube-Video-ID (z. B. dQw4w9WgXcQ).
w (optional): Bildbreite in Pixeln (dein Script skaliert über &w=).
text (optional): Linktext (Standard: „▶️ Auf YouTube ansehen“).
t (optional): Startzeit (Sekunden oder z. B. 1m23s).
list (optional): Playlist-ID.
caption (optional): Bildunterschrift unter dem Vorschaubild.

<templatedata> {

 "description": "Zeigt ein externes Vorschaubild (4m3.org) und einen Textlink zum YouTube-Video – ohne Raw-HTML.",
 "params": {
   "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>

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