Video-Ausgabe @media object-fit: cover (Safari)

Hallo liebe Community!

Ich habe ein CSS-Problem und ich hoffe, ihr könnt mir helfen.

Ich habe ein Video im Querformat, das bildschirmfüllend dargestellt werden soll (Höhe und Breite). Es funktioniert auch überall so. Bis auf SAFARI...Dort wird das Video nicht "object-fit: cover" angezeigt.

Meine Codes hierzu wären:

HTML:
<video id="video" controls poster="https://angebote.businessbasis.at/wp-content/upl…0/12/Points.jpg">
<source src="https://angebote.businessbasis.at/wp-content/uploads/2021/04/Büro_Grundidee.mp4" type="video/mp4">
</video>

JS:
<script type="text/javascript">
document.getElementById('video').addEventListener('ended',function(){
window.location ="https://businessbasis.at";
}, false);
</script></div>

CSS:
#video{display: block;
width: 100vw;
height: 100vh;
object-fit: cover;}

Dazu noch der Header-Tag:

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

Die Testseite hierzu wäre: https://angebote.businessbasis.at/testintro/

Kann mir hierzu jemand helfen? bin mit meinem Latein am Ende. Wie gesagt: SAFARI mag mich nicht :-(

glg Ines

Hey!

Danke für deine schnelle Antwort. Ich hab die neueste Version von Safari. ist es denn bei dir wirklich "Cover" (also Hochformat und zugeschitten...ich versuch grad einen Screenshot hochzuladen, aber irgendwie funzt das nicht....Datei zu groß...

Ich kann dir nur erklären was ich sehe:
ich sehe das ganze Video in Querformat, oben und unten ein dicker schwarzer Balken...

Sorry, ich hab sie soeben rausgenommen. Sie ist nun auf https://test.businessbasis.at abrufbar.

Das „ü“ war leider auch nicht das Problem, aber danke für den Hinweis