Navigation



Zum Seitenanfang springen

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)