Einwilligung für Video-Inhalte (Codebeispiel)

Bei der Darstellung der übertragenen Daten und Inhalte (Streamingvideos, Videoplayer, Chat, etc.) auf unserer Webseite, wird eine direkte Verbindung zwischen Ihrem Browser und den Servern hergestellt, die diese Dienste von VSH bereitstellen. Ihr Browser sendet hierzu eine Anfrage inkl. Ihrer IP-Adresse und erhält die abgefragten Daten zurück. Beispiele wären der Abruf des Videoplayers beim Laden der Webseite, ein Videoinhalt oder die Chat-Texte sobald Sie diese abrufen.

Die hierfür notwendige IP-Adresse wird von VSH nur kurzzeitig gespeichert und für die Übertragung der Daten und die technische und sicherheitsbezogene Bereitstellung der Dienstleistung verwendet. Für eine längere Speicherung der IP-Adresse wird diese anonymisiert - hierdurch ist es VSH nicht möglich, diese zu Ihrem Anschluss zurückzuverfolgen (d.h. diese ist nicht personenbezogen).

Die Idee: Einwilligung des Nutzers einholen: 

Bevor der Player überhaupt geladen wird, können wir erstmal ein Bild anzeigen. Nach dem "Klick" auf das Bild, wird erst der Player geladen. Es ist wie ein "Opt In" nur für ein Video:

<style>
.container div img,
.container {
    max-width: 800px !important;
    cursor: pointer;
}

#videodiv {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}
#videodiv img {
    border: 1px dashed #000;
    border-radius: 4px;
}
#videodiv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

</style>

<div class="container">
    <div id="videodiv"><img id="iframebutton" src="https://IHREURL/images/videoklick.jpg" /></div>
</div>

<script>
    playercode =
        '<iframe width="100%" height="100%" style="border: none;" class="iframewrapper" src="https://start.video-stream-hosting.de//player.html?serverip=62.113.210.2&serverapp=vod&smil=video-stream-hosting-testvideo.smil&timelinecolor=2b8eda&bgimage=video-stream-hosting-testvideo.jpg" allowfullscreen="allowfullscreen"></iframe>';
    var playcookie = document.cookie;

    if (playcookie != "loadVideoConsent=play") {
        document.getElementById("iframebutton").onclick = function () {
            document.cookie = "loadVideoConsent=play; max-age=" + 60 * 60 * 24 * 10;
            document.getElementById("videodiv").innerHTML = playercode;
        };
    } else {
        document.getElementById("iframebutton").onload = function () {
            document.getElementById("videodiv").innerHTML = playercode;
        };
    }
</script>

Mit diesem Beispiel laden wir zuerst einmal nur ein Bild. Beispielsweise so ein Bild: 

videoklick.jpg

Nach klick auf das Bild, wird dann der richtige Player geladen. Bitte beachte: Der Code wurde hier nicht eingesetzt. Das oben eingefügte Bild hat keine Funktion. Für diese Einwilligung haben wir keine Demo. Sie können den Code kopieren, auf Ihrem Webserver testen und ggf. nutzen. 

Wir bieten keinen Support für Javascript/PHP-Programmierung (etc.) auf Ihrer Webseite. Dies gilt auch für hier vorgestellten Beispiel-Code. Dieser dient nur dem schnellen Einstieg und dem Aufzeigen eines denkbaren Lösungsweg. Ein Programmierer für Ihre Webseite der z.B. auch Ihre Sicherheitsaspekte berücksichtigt, wird hierdurch nicht ersetzt.


Revision #2
Created 3 October 2020 20:28:54 by Daniel McDonald
Updated 27 May 2022 10:04:57 by Steinmann