HTML/CSS verschiedne Videos zu verschiednen Bildschirmgrößen

HTML/CSS verschiedne Videos zu verschiednen Bildschirmgrößen

Servas

Ich versuch mich gerade an einer kleiner Seite, im oberen Bereich wird als Blickfang ein Video laufen da ich mit den GIF unzufrieden waren über 70 MB.
Dank des Videos ist die Dateimenge kleiner geworden und das Video startet erst wenn es fertig geladen wurde.
Der Benutzer bekommt auch nichts mit da ich ein Startbild definiert haben bis das Video fertig geladen hat.

Meine Frage nun

Wenn ich mir das ganze am Handy anschaue wird das Video sehr klein, gibt es eine Möglichkeit wie beim Img verschiedene Videos anzuzeigen je nach Bildschirmgröße.

Bei Bildern geht es mit "srcset"

Danke schonmal

AW: HTML/CSS verschiedne Videos zu verschiednen Bildschirmgrößen

<video controls>
<source src="the-sky-is-calling-large.mp4" media="screen and (min-width:800px)">
<source src="the-sky-is-calling-small.mp4" media="screen and (max-width:799px)">
</video>

Zum Vergrößern anklicken....

Kann geschlossen werden nach langen suchen und testen heute herausgefunden das es doch funktioniert.
Ich hatte nur am Ausgabegerät das Problem gehabt das mp4 scheinbar in einen Format gecodet wurde was nicht wiedergegeben werde konnte.