Zum Inhalt
Website-Checkvon pandaworks

← Alle Punkte · Datenschutz-Indikator

Video-Einbettungen

Was geprüft

Gesucht werden im HTML Video-Einbettungen der Dienstliste: YouTube (auch der erweiterte Datenschutzmodus über youtube-nocookie.com) und den Vimeo-Player. Ein iframe, das nur data-src statt src trägt, gilt als verzögert eingebunden.

Wie relevant

Nur Information, ohne Wertung: Der Datenschutz-Indikator zählt nicht zum Gesamtwert. Er beschreibt technische Beobachtungen; welche Regeln gelten, hängt vom Einzelfall ab. Wird ein Dienst sofort eingebunden, erscheint er als „vermutlich beim Aufruf geladen“; ist er nur vorbereitet (type="text/plain" oder nur data-src, typisch für Einwilligungs-Blocker), erscheint er als „erst nach einer Interaktion“. Ob ein Einwilligungsbanner das sofortige Laden verhindert, ist ohne Browser nicht feststellbar.

Warum

Ein eingebettetes Video lädt den Player vom Server des Anbieters, sobald die Seite angezeigt wird. Auch der erweiterte Datenschutzmodus von YouTube lädt Inhalte von Google-Servern. Ob daraus eine rechtliche Pflicht folgt, klären Sie mit Ihrer Rechtsberatung; öffentliche Leitfäden bieten z. B. die Industrie- und Handelskammern (IHK, Deutschland), die Wirtschaftskammer Österreich (WKO) und die Datenschutzbehörden.

Wie beheben

Zeigen Sie zunächst ein Vorschaubild mit Hinweis und laden Sie das Video erst nach einem Klick („Zwei-Klick-Lösung“), oder lassen Sie Ihr Einwilligungs-Werkzeug das iframe blockieren. Alternativ verlinken Sie das Video, statt es einzubetten.

Nebenwirkung: Ein Vorschaubild, das vom Anbieter geladen wird, erzeugt selbst eine Anfrage; speichern Sie es auf Ihrem Server. Prüfen Sie Abspielen, Vollbild und Mobilansicht nach der Umstellung.

WordPress: Der Einbettungs-Block von WordPress lädt das Video sofort. Einwilligungs-Plugins bieten oft einen Platzhalter für Einbettungen an; prüfen Sie, ob er auch Einbettungen aus Page-Buildern erfasst.

Codebeispiel

HTML: Video erst nach Klick laden

<div class="video-platzhalter">
  <img src="/bilder/video-vorschau.jpg" alt="Vorschau: Imagefilm">
  <button type="button" onclick="
    const f = document.createElement('iframe');
    f.src = 'https://www.youtube-nocookie.com/embed/VIDEO_ID';
    f.width = 560; f.height = 315; f.allowFullscreen = true;
    this.parentNode.replaceWith(f);">
    Video laden (Daten werden an YouTube übertragen)
  </button>
</div>

Weiterführende Quellen

Quellen der Methodik

  • docs/SCORING.md — Status und Schweregrade (§2), Kategoriescore und Abdeckung (§3), Gesamtwert (§4), keine Doppelabzüge (§5), Prüfkatalog mit Gewichten (§6), Versionierung (§8), Formulierungsregeln (§9), bewusst nicht geprüft (§10)
  • docs/KALIBRIERUNG.md — Abgleich der Schwerefaktoren und Kappen mit externen Ankern (Web Almanac, Lighthouse, MDN HTTP Observatory, SSL Labs), Entscheidung scoring@1.4.0