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