YouTube Videos ⋅ sofort DSGVO konform

Alle eingebundenen YouTube Videos werden nach der Installation von brain_youtube erst nach Klick des Buttons geladen. Unterhalb des Buttons blendet brain_youtube einen kurz gehaltenen Hinweis ein, dass nach Klick Daten an YouTube übertragen werden. Da brain_youtube sicherstellt, dass eine Einbettung von Videos ausschließlich über die Domain www.youtube‑nocookie.com stattfindet, ist auch mit geladenem Video für ein Maximum an Privatsphäre gesorgt: Nach Aussage von Google (der Betreiberin von YouTube) vermeidet das die Personalisierung durch YouTube aufgrund des abgespielten Videos.

Im Gegensatz zu nicht DSGVO konformen YouTube Einbindungen findet das Laden der YouTube Videos also erst durch einen bewusste Interaktion des Besuchers statt (den „zweiten Klick“) und nicht schon beim Besuch der jeweiligen Webseite. Lösungen die nach diesem Prinzip arbeiten, werden daher häufig auch als „2⁠-⁠Klick Lösungen‟ bezeichnet.

Eine Tastatursteuerung ist ebenfalls möglich; der auslösende Button wird mit entsprechender Auszeichnung für Screenreader versehen. brain_youtube ist damit eine barrierefreie 2⁠-⁠Klick Lösung für YouTube Videos.

Für den Besucher ist das Abspielen der datenschutzkonform eingebundenen YouTube Videos so, wie von anderen Seiten gewohnt: Die Gestaltung des auslösenden Buttons ist dem bekannten YouTube Play-Button nachempfunden. Nach dem Klick auf den Button wird das Video umgehend gestartet.

Werden YouTube Videos in eine Webseite eingebunden, erscheint normalerweise ein Vorschaubild des Videos unter dem YouTube Play‑Button. Alleine schon das Anzeigen des Vorschaubildes erfordert einen Aufruf der Server von YouTube, um von dort das Vorschaubild zu laden. Dabei wird auch die IP‑Adresse des Besuchers an Server von YouTube (mit Sitz in den USA) übermittelt. Gemäß Artikel 44 der DSGVO ist eine Übermittlung personenbezogener Daten (und damit auch der IP‑Adresse) an Länder außerhalb der EU nur unter bestimmten Bedingungen möglich.

brain_youtube lädt Vorschaubilder von YouTube Videos zunächst automatisch im Hintergrund, um sie dem Besucher anschließend vom TYPO3 Webserver auszuliefern. Lösungen die nach diesem Prinzip arbeiten, werden häufig auch als „Proxy‑Lösung‟ bezeichnet.

Wie gewohnt sehen die Besucher ein DSGVO konformes Vorschaubild – passend zum YouTube Video. Ohne redaktionellen Zusatzaufwand.

Eine weitere Funktion von brain_youtube ist die Umwandlung von Youtube Video Einbettungen zu einer Einbindung, die sich anpasst an die auf der Webseite zur Verfügung stehende Breite. Damit werden YouTube Videos automatisch „responsive“. Geeignet für die Verwendung in „schmalen“ und „breiten“ Layouts und für Websites mit einem Responsive Web Design. Anders als alle uns bekannten Lösungen funktioniert brain_youtube bei YouTube Videos mit beliebigen Seitenverhältnissen. Das richtige Seitenverhältnis wird für jedes eingebundene YouTube Video über die Originalgröße des Videos berechnet.

Responsive eingebundene YouTube Videos haben auch bei anderen Formaten als dem „klassischen“ 16:9 keine vertikalen oder horizontalen Ränder. Damit gelingen responsive YouTube Videos z.B. in 4:3 oder dem Porträt-Format 9:16 ohne weiteres Zutun.

Werden mehrere YouTube Videos eingebunden und gestartet, dann laufen alle gestarteten Videos normalerweise gleichzeitig. Das ist in den allermeisten Fällen unerwünscht, denn eine Fokussierung auf das zuletzt gestartete Video wird dadurch erheblich erschwert. Noch störender zeigen sich mehrere gestartete Videos mit Ton: durch die akustische Überlagerung gleichzeitig laufender Videos kann man nichts mehr verstehen.

brain_youtube pausiert laufende Videos sobald ein anderes Video abgespielt wird. Erst dadurch erzielen Videogalerien mit mehreren YouTube Videos auf der gleichen Seite eine gute Usability.

Das Laden von Videodaten findet mit brain_youtube erst nach Anforderung durch den Besucher statt (den zweiten Klick, s.o.) und nicht schon bei dem Laden der Webseite. Die technisch „teure“ Initialisierung des YouTube Video‑Players muss der Browser des Besuchers erst dann leisten, nachdem das zugehörige Video gestartet wird. Die Bereitstellung von Vorschaubildern auf dem TYPO3 Webserver spart Zeit, da Verbindungen zu YouTube Servern entfallen.

Als direkte Folge der datenschutzkonformen Einbindung wird durch diese Faktoren eine erheblich bessere Ladezeit für Webseiten mit YouTube Videos erreicht. Sie benötigen zudem weniger Bandbreite. Damit steht einer erfolgreichen PageSpeed Optimierung nichts mehr entgegen, Webseiten mit mehreren eingebundenen YouTube Videos verhalten sich spürbar schneller und Sie vermeiden unnötige Irritation der Besucher Ihrer Webseiten, denen nur ein begrenztes Datenvolumen zur Verfügung steht.

TYPO3 erlaubt es von Haus aus, YouTube Videos einzubinden. Hierfür legt TYPO3 für jedes eingebundene YouTube Video eine Mediendatei mit der Dateiendung .youtube an. Über den so genannten „TYPO3 File Abstraction Layer“ (FAL) verwaltete Metadaten dieser Mediendatei werden automatisch mit den von YouTube bezogenen Metadaten befüllt.

Diese .youtube‑Mediendateien können dann z.B. im Inhaltselement „Text & Medien“ verwendet werden, um Videos so einfach wie Bilder z.B. als Galerie darzustellen oder oberhalb, unterhalb und neben zugehörigen Texten auszugeben. Über die Funktion „Medien nach URL hinzufügen“ existiert darüber hinaus die Möglichkeit, Youtube Videos ohne vorherige Anlage einer .youtube‑Mediendatei zu einem „Text & Medien“-Inhaltselement zuzuordnen. Die .youtube‑Mediendatei wird dabei von TYPO3 im Hintergrund angelegt.

brain_youtube bietet zwei einfach zu konfigurierende Möglichkeiten als Ergänzung für das TYPO3 Backend: Mit der Funktion „Medien nach URL hinzufügen“ angelegte .youtube‑Mediendateien erhalten ein konfiguriertes Verzeichnis, in dem sie gespeichert werden. Außerdem lässt sich konfigurieren, wie TYPO3 die Metadaten von YouTube im FAL zuordnet.

YouTube Player API

Sind spezielle Anforderungen bei YouTube Videos gefragt (z.B. eigene Bedienelemente für das Starten, Pausieren und Stoppen oder das Ansteuern bestimmter Positionen im Video), kann das am besten über die YouTube Player API für iframe Embeds erreicht werden.

brain_youtube verwendet die API für das automatische Pausieren laufender Videos beim Start eines anderen Videos. Dabei ist die Verwendung DSGVO konform, denn die YouTube Player API wird erst mit dem „zweiten Klick“ geladen. Anschließend stehen ihre API‑Funktionen auch für die Realisierung eigener Ideen zur Verfügung: nach dem Laden der API wird durch brain_youtube das JavaScript-Event „brainyoutube.YouTubeIframeAPI_onPlayerReady“ ausgelöst.

Dadurch ist die Verwendung der YouTube Player API datenschutzkonform und für Entwickler erheblich einfacher: Die nur an einem Spezialfall beschriebene Einbindung der YouTube Player API wird von brain_youtube automatisch erledigt. Alle Funktionen können nach dem auslösenden JavaScript‑Event verwendet werden.

YouTube Livestream und Live Chat

Mit Livestreams bietet YouTube eine leistungsstarke und einfach zu nutzende Streaming-Plattform für Live‑Übertragungen an. YouTube Live Chat ergänzt dieses Angebot um eine leicht bedienbare direkte Kommunikation für und mit den Zuschauern. Schließlich lässt sich Live Chat einfach in die eigene Webseite einbinden.

Damit diese Möglichkeiten DSGVO konform genutzt werden können, erkennt brain_youtube Einbettungen von YouTube Live Chat und stattet sie mit einer 2‑Klick‑Lösung aus: Einbettungen von YouTube Livestream und Live Chat sind automatisch DSGVO konform.