MediaWiki:Common.js: Unterschied zwischen den Versionen

Zeile 6:

(function ($, mw) {

'use strict';

// --- kleines Style-Snippet für responsive Video-Einbettung ---

$('<style>')

.prop('type', 'text/css')

.text(

'.mw-popup-content .mw-popup-video{position:relative;width:100%;max-width:800px;margin:12px auto;border-radius:12px;overflow:hidden;background:#000}' +

'.mw-popup-content .mw-popup-video::before{content:"";display:block;padding-top:56.25%}' + /* 16:9 */

'.mw-popup-content .mw-popup-video iframe{position:absolute;inset:0;border:0;width:100%;height:100%}' +

'.mw-popup-content .mw-popup-video .mw-popup-video-fallback{display:block;margin-top:8px;text-align:center}'

)

.appendTo('head');

var CONFIG = {

Zeile 18:

Zeile 29:

'<p>Wir würden uns daher sehr freuen, wenn ihr anstatt uns, lieber das Projekt vom Whiskywaiter unterstützen würdet.</p>' +

'<p><strong>Jede Spende zählt!</strong></p>' +

// --- hier kommt die Video-Einbettung ---

'<div class="mw-popup-video" role="group" aria-label="Video: Whisky für den guten Zweck">' +

'<iframe ' +

'src="https://www.youtube-nocookie.com/embed/R6Ls3INs91Q?rel=0" ' +

'title="YouTube-Video: Whisky für den guten Zweck" ' +

'loading="lazy" ' +

'allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" ' +

'allowfullscreen ' +

'referrerpolicy="strict-origin-when-cross-origin">' +

'</iframe>' +

// Fallback-Link, falls iframes blockiert sind

'<a class="mw-popup-video-fallback mw-ui-button" target="_blank" rel="noopener" href="https://www.youtube.com/watch?v=R6Ls3INs91Q">Video auf YouTube öffnen</a>' +

'</div>' +

// --- Ende Video ---

'<p><a href="https://www.kinderherzen.de/whisky-fuer-den-guten-zweck/" target="_blank" rel="noopener" class="mw-ui-button">Mehr erfahren</a></p>',

wikiButton: {

@@ Zeile 6: / Zeile 6: @@
    (function ($, mw) {
      'use strict';
+    // --- kleines Style-Snippet für responsive Video-Einbettung ---
+    $('<style>')
+      .prop('type', 'text/css')
+      .text(
+        '.mw-popup-content .mw-popup-video{position:relative;width:100%;max-width:800px;margin:12px auto;border-radius:12px;overflow:hidden;background:#000}' +
+        '.mw-popup-content .mw-popup-video::before{content:"";display:block;padding-top:56.25%}' + /* 16:9 */
+        '.mw-popup-content .mw-popup-video iframe{position:absolute;inset:0;border:0;width:100%;height:100%}' +
+        '.mw-popup-content .mw-popup-video .mw-popup-video-fallback{display:block;margin-top:8px;text-align:center}'
+      )
+      .appendTo('head');
      var CONFIG = {
@@ Zeile 18: / Zeile 29: @@
          '<p>Wir würden uns daher sehr freuen, wenn ihr anstatt uns, lieber das Projekt vom Whiskywaiter unterstützen würdet.</p>' +
          '<p><strong>Jede Spende zählt!</strong></p>' +
+        // --- hier kommt die Video-Einbettung ---
+        '<div class="mw-popup-video" role="group" aria-label="Video: Whisky für den guten Zweck">' +
+          '<iframe ' +
+            'src="https://www.youtube-nocookie.com/embed/R6Ls3INs91Q?rel=0" ' +
+            'title="YouTube-Video: Whisky für den guten Zweck" ' +
+            'loading="lazy" ' +
+            'allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" ' +
+            'allowfullscreen ' +
+            'referrerpolicy="strict-origin-when-cross-origin">' +
+          '</iframe>' +
+          // Fallback-Link, falls iframes blockiert sind
+          '<a class="mw-popup-video-fallback mw-ui-button" target="_blank" rel="noopener" href="https://www.youtube.com/watch?v=R6Ls3INs91Q">Video auf YouTube öffnen</a>' +
+        '</div>' +
+        // --- Ende Video ---
          '<p><a href="https://www.kinderherzen.de/whisky-fuer-den-guten-zweck/" target="_blank" rel="noopener" class="mw-ui-button">Mehr erfahren</a></p>',
        wikiButton: {