Hallo liebe Community,
ich möchte einen Videohintergrund haben, der etwa die Hälfte der Vertikalen ausfüllt und möglichst mitskaliert wird, wenn ich das Browserfenster kleiner ziehe.
Das größte Problem, dass ich im Moment habe, ist das Seitenverhältnis:
aus irgendeinem Grund ist das Video manchmal gestaucht (anscheinend 4:3 obwohl original 16:9) und manchmal richtig.
Oft passiert der Wechsel scheinbar zufällig, beim erneuten laden der Seite.
Im Moment ist es fast immer gestaucht.
Daher meine Frage: woran kann das liegen und wie kann ich das berichtigen?
Ich bin ein blutiger Anfänger und habe mich erst in den letzten Tagen und Wochen in HTML, CSS und co hineingefunden.
Ich wäre sehr dankbar, wenn mir jemand helfen könnte!!
Hier ist mein css code
Code:
video#manubackvid{
position:relative;
min-width: 15%;
min-height: 15%;
height: auto;
width:auto;
z-index: 0;
background: url(\images\Banner_V01_klein.png) no-repeat;
background-size:auto;
}
und hier mein html code:
Code:
<div align="center">
<video autoplay poster="\images\Banner_V01_klein.png" id="manubackvid">
<source src="/images/logoanimation_web.mp4" type="video/mp4">
</video>
</div>
das ganze findet in einem Joomla custom html Modul statt...