{ "$schema": "../../schema.json", "schema": "fundus/1", "id": "player-einbettung-zwei-klick", "name": "Player per Zwei-Klick (Spotify, Apple Music, Bandcamp, SoundCloud, YouTube, Vimeo)", "name_en": "Two-click consent embeds for music and video players", "kurz": "Release, Musikvideo und DJ-Set hörbar machen, ohne vorher Daten an Spotify, YouTube & Co. zu senden: Platzhalter in Player-Höhe, Laden nach Klick, Fehler mit Link nach außen, Widerruf ohne Neuladen.", "kategorie": "Sektionen & Funktionen", "kategorie_slug": "sektionen", "kategorie_nr": 16, "bau_chat": "D", "prioritaet": "D", "trendstatus": "etabliert", "belegstatus": "belegt", "website_belege": 4, "stimmung": [ "präzise", "laut" ], "stimmung_roh": [ "laut", "funktional", "vertrauenswürdig" ], "technik": [ "css", "vanilla-js", "aria" ], "technik_gruppen": [ "css", "js", "andere" ], "leistungskosten": "niedrig", "steckbrief": { "beschreibung": "Musik und Videos hörbar machen, ohne vor der Einwilligung Daten an Plattformen zu senden. Sofort sichtbar sind Cover bzw. Poster vom eigenen Server, Titel, Länge, Trackliste als Text und alle Plattform-Links. Der eingebettete Player lädt erst nach Klick auf „Player von [Anbieter] laden“. Der Platzhalter hat mindestens die Höhe des Players, damit nichts springt. „[Anbieter] künftig direkt laden“ setzt die Kategorie „Medien“ der Einwilligung; ein Widerruf macht alle Player ohne Neuladen wieder zu Platzhaltern. Scheitert das Laden, bleibt der Link zur Plattform.", "warum_es_wirkt": "Fans wollen sofort hören, das Gesetz verlangt vor dem Laden fremder Player eine Einwilligung. Der Platzhalter löst beides: Er sieht aus wie Teil der Seite, nennt Anbieter und Datenfluss in einem Satz und lädt mit einem Klick. Trackliste und Plattform-Links stehen als Text da, also funktioniert die Seite auch ohne Einwilligung, für Suchmaschinen und für Screenreader.", "wann_einsetzen": "Bands, Musiker:innen, DJs, Labels, Chöre: Release-Seiten mit Spotify-, Apple-Music- oder Bandcamp-Player, Musikvideos über YouTube oder Vimeo, DJ-Sets über SoundCloud oder Mixcloud. Auch Podcasts und Hörproben auf Verlags- oder Kulturseiten.", "wann_nicht": "Selbst gehostete Videos brauchen keine Einwilligung: eigener-videoplayer. Karten und Social-Feeds deckt karte-zwei-klick ab, Buchungs-Widgets termin-buchung-zwei-klick. Wer nur auf Plattformen verweisen will, braucht keinen Player, eine Liste normaler Links reicht. Nie Player ohne Klick laden, nie Vorschaubilder vom Plattform-Server holen.", "varianten": [ "Release: Album oder Single mit Cover, Trackliste als Text, Plattform-Links und Player von Spotify, Apple Music oder Bandcamp", "Video: Musikvideo über youtube-nocookie.com bzw. Vimeo mit dnt=1, Poster selbst gehostet, Seitenverhältnis fest, Hinweis auf Untertitel", "Mix: DJ-Set über SoundCloud oder Mixcloud mit Tracklist und Zeitmarken als Text", "Mehrere Player auf einer Seite: eine Einwilligung lädt alle Platzhalter" ], "umsetzung": "Je Player ein
mit .flaeche (min-height: var(--h), Token je Anbieter) und
. Die Embed-Adresse steht nur als data-src an der Figur; vor dem Klick lädt nichts von der Plattform, kein Skript, kein Vorschaubild.\n\nPlatzhalter: eigenes Cover bzw. Poster, Label „Album · 9 Titel · 38 Min.“, Titel, Satz zum Datenfluss mit Link zur Datenschutzerklärung (aria-describedby am Knopf), Knopf „Player von [Anbieter] laden“, Kästchen „[Anbieter] künftig direkt laden“, Link „Direkt bei [Anbieter] öffnen“ (neuer Tab). Beim Video steht auf dem Poster nur Titel und Knopf, der Rest in einer Zeile darunter.\n\nZustände über data-zustand: platzhalter → laedt (Platzhalter bleibt mit visibility: hidden im Fluss, Ladebalken, aria-live „Player wird geladen“) → geladen (iframe mit title, allow-Liste, loading=lazy; bei load Fokus ins iframe) oder fehler (Zeitüberschreitung, etwa 8 s: Text, „Direkt bei [Anbieter] öffnen“, „Nochmal versuchen“). „Player entfernen“ und der Widerruf führen zurück zum Platzhalter, ohne die Seite neu zu laden.\n\nEinwilligung im selben Format wie consent-banner-gestaltet (Kategorie medien), dazu ein Ereignis, auf das alle Figuren hören. Liegt die Einwilligung beim Seitenaufruf vor, laden die Player direkt, aber ohne Fokus und ohne Abspielen.\n\nYouTube über www.youtube-nocookie.com/embed/ID, Vimeo mit ?dnt=1; beides ersetzt die Einwilligung nicht. Kein autoplay. In der Demo ist der geladene Player eine Nachbildung per srcdoc (kein Ton); im Einsatz: iframe.src = figure.dataset.src.", "mobil": "Platzhalter in voller Breite, Cover klein neben dem Titel, Knopf in voller Breite. Ist der Platzhalter höher als der Player, bekommt das iframe dieselbe Höhe, damit nichts springt. Beim Video nur der Knopf auf dem Poster, Hinweis und Kästchen darunter. Plattform-Links als Raster mit 48 px hohen Zielen.", "reduzierte_bewegung": "Platzhalter und Player tauschen ohne Überblendung oder Verschluss, der Ladebalken bewegt sich nicht. Nichts startet von selbst, auch nicht nach dem Laden.", "barrierefreiheit": "Platzhalter als
mit
, Knopf mit Anbietername, Datenfluss per aria-describedby. Das iframe hat einen title mit Anbieter und Titel, nach dem Laden per Klick wandert der Fokus hinein, Tab führt durch den Player. Nichts startet mit Ton (WCAG 1.4.2). Ladezustand, „Geladen von …“ und Fehler in einer aria-live-Region der Bildunterschrift. Nach „Player entfernen“ springt der Fokus zurück auf den Ladeknopf, nach dem Widerruf auf den Einwilligungstext. Trackliste und Zeitmarken als
    mit