Anleitung zum Einbinden des Showreels

Der <iframe> kann mit folgendem Snippet eingebunden werden. Der Code muss auf der Webseite einfach an der entsprechenden Stelle eingefügt werden.

Autoplay

nicht automatisch abspielen automatisch abspielen

Hintergrundfarbe

transparent hell dunkel

Sprache

<div
  style="position: relative; display: block; height: 0; padding: 0; -webkit-overflow-scrolling: touch; overflow: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; padding-top: 80%;">
  <iframe
    src="https://www.filmmakers.eu/de/actors/mathias-mayerhofer/video/163077?autoplay=false&background_color=none&iframe=v2&playlist=h"
    width="auto"
    allowfullscreen
    style="border: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0;">
  </iframe>
</div>

Notwendig ist lediglich das src-Attribut, alle anderen Attribute können angepasst werden, um besser in das Layout der Webseite zu passen. Es handelt sich hier lediglich um Empfehlungen.

Responsive Verhalten (Handy / Tablets)

Um das responsive Verhalten des iframes zu gewährleisten, muss auf der Webseite, die den iframe einbettet, folgender Meta-Tag gesetzt sein:

<meta name="viewport" content="width=device-width, initial-scale=1">

Anleitung verschicken

Du kannst mit folgendem Button den <iframe>-Code kopieren, und dann in einem Email-Client einfügen, um sie an den verantwortlichen Entwickler zur Integration zu schicken:

Falls das kopieren nicht funktioniert, kann die Anleitung auch einfach direkt aus dem Browser kopiert werden.