Navigation



Zum Seitenanfang springen
20% auf ausgewählte Styles für Damen & Herren*
Code wurde in Ihre Zwischenablage kopiert.
Gilt für die nächste Bestellung/Einkauf auf ausgewählte, gekennzeichnete Artikel aus den Sortimenten Damen und Herren und nur in Verbindung mit dem Aktionscode “LOOKS24”. Nicht kombinierbar mit anderen Aktionen. Gilt nicht auf Fremdmarken und Geschenkgutscheine. Gültig bis 28.04.2024.

Video Testing

Die hier abgebildeten Videos werden unterschiedlich eingebunden. Die Einstellungen der Einbindung stehen in der Überschrift bei dem jeweiligen Video und sind nach dem Schema [Hoster]-[Einbindungsmethode]-[Video]-[(Einstellungen)] abgebildet. Zu Untersuchen sind vor allem wie responsiv sich die Videos bei unterschiedlichen Bildschirmgrößen verhalten und die Browserkompatibilität. Nicht zu untersuchen sind die Ladezeiten der Videos. Diese können beim testing auch relativ lang sein, da auf der Seite so viele Videos gleichzeitig heruntergeladen werden.

hier noch eine kleine Legende zu den Settings

  • controls: Playersteuerung ist aktiviert
  • hidden-controls: Playersteuerung ist versteckt
  • full-size-container: div-container der über CSS-Regeln das Video full sized. Er ist so konfiguriert, dass eine width von 100% verwendet wird sowie eine height von 100% der Viewport, aber es gibt auch ein festgelegtes max-heigth von 720px.
  • full-size-container-without-limitation: div-container der über CSS-Regeln das Video full sized. Er ist so konfiguriert, dass eine width von 100% verwendet wird sowie eine height von 100% der Viewport. (100vh). Es gibt aber keine max-height Limitierung!
  • (fixed-size-640x360: Fest definierte Höhe(px) und Breite (px) (ist in diesem Test ausgeblendet aber theoretisch möglich))
  • no-size-settings: Video wurde ohne Größeneinstellungen eingebunden
  • default-settings: Standardeinstellungen, ohne definierte Settings
  • muted:Sound ist deaktiviert
  • loop: Das Video loopt
  • no-loop: Das Video wird nur ein mal abgespielt
  • iframeCard: Eine spezielle Vimeo Lösung iframes responsiv erscheinen zu lassen. Mehr informationen hier

Vimeo-iframe-A-(iframeCard, full-size-container, no-loop)

Vimeo-iframe-B-(iframeCard, full-size-container)

Vimeo-iframe-A-(iframeCard, full-size-container-without-limitation, muted, autoplay, hidden-controls, loop)

Vimeo-iframe-B-(iframeCard, full-size-container-without-limitation, muted, autoplay, hidden-controls, loop)

Vimeo-HTML-A-(controls; no-size-settings)

Vimeo-HTML-B-(controls; no-size-settings)

Vimeo-HTML-A-(controls; full-size-container)

Vimeo-HTML-B-(controls; full-size-container)

Vimeo-HTML-A-(hidden-controls; full-size-container; autoplay; loop; mute)

Vimeo-HTML-B-(hidden-controls; full-size-container; autoplay; loop; mute)

Sirv-HTML-A-(controls; no-size-settings)

Sirv-HTML-B-(controls; no-size-settings)

Sirv-HTML-A-(controls; full-size-container)

Sirv-HTML-B-(controls; full-size-container)

Sirv-HTML-A-(hidden-controls; full-size-container; autoplay; loop; muted)

Sirv-HTML-B-(hidden-controls; full-size-container; autoplay; loop; muted)

Sirv-API-A-(default-settings)

Sirv-API-A-(default-settings)

Sirv-API-A-(autoplay; no-loop)

Sirv-API-B-(autoplay; no-loop)

Sirv-API-A-(hidden-controls; autoplay; loop)

Sirv-API-B-(hidden-controls; autoplay; loop)