IFrames mit Drittinhalten

Aus rechtlichen Gründen müssen Besucher der Webseite mittlerweile zustimmen, bevor IFrames Inhalte von Drittanbietern laden dürfen. Dies wird durch eine zentral verwaltete Komponente sichergestellt, der entsprechende Inhalt kann einmalig nachgeladen werden. Eine weitere Option erlaubt generelle Zustimmung und setzt ein Cookie uibk-3rd-party-consent auf den Wert given. Inhalte werden dann (solange eben dieses Cookie gesetzt ist) automatisch und ohne Nachfrage geladen. Die Zustimmung kann entsprechend durch Löschen des Cookies widerufen werden.

Übersicht der unterstützten Attribute für IFrames

Folgende Eigenschaften können über Attribute im IFrame-Element angesteuert werden:

Eigenschaft	Attribut	mögliche Werte	Standardwert
Poster-Bild	`data-poster`	Gültige Bildpfade.	Standard Hintergrundbild, für Newsitems das Bild des Newsitems.
Seitenverhältnis (Container-Klasse)	`data-container-class`	`embed-responsive embed-responsive-1by1` `embed-responsive embed-responsive-16by9` `embed-responsive embed-responsive-5by7` `embed-responsive embed-responsive-4by3` `embed-responsive embed-podigee` `embed-responsive embed-podigee-low` `embed-responsive embed-soundcloud` `embed-responsive embed-soundcloud-low` `embed-responsive embed-issuu`	Für Youtube 16:9, für Openstreetmap und Scribd 1:1, sonst 4:3 `/* Podigee Player Consent / .embed-podigee { padding-top: 505px; } / Podigee Player Consent niedrig / .embed-podigee-low { padding-top: 150px; } / Soundcloud Consent / .embed-soundcloud { padding-top: 300px; } / Soundcloud Consent niedrig / .embed-soundcloud-low { padding-top: 166px; } / Issuu Consent */ .embed-issuu { padding-top: 700px; }`
Frame-Klasse	`data-item-class`	CSS-Klassennamen	`embed-responsive-item`
Scrollen	`scrolling`	`yes, no`	`no`
Vollbild erlauben	`allowfullscreen`	`allowfullscreen`

Beispiel mit Standard-Werten

<iframe data-poster="/images/560x-auto/newsroom/images/2019/cover_032019_web.jpg" 
        data-container-class="embed-responsive embed-responsive-4by3" 
        data-item-class="embed-responsive-item" 
        scrolling="no" 
        src="https://de.scribd.com/embeds/415310806/content?start_page=1&amp;view_mode=scroll&amp;access_key=key-yHiLIxwQ24Y8usZLrwhi&amp;show_recommendations=true"> 
</iframe>