lastmirror
Neues Mitglied
HTML5 <video> "loop" Probleme
Hallo liebe Community,
ich wende mich an euch in der Hoffnung, dass jemand das Problem bereits hatte und mir diesbezüglich helfen kann.
Zu meinem ersten Problem:
Ich habe ein video per <video> in meinem html code eingebettet und musste feststellen, dass bei Chrome das Video dunkler abgespielt wird als bei Firefox. Das Video selbst hat einen weißen Hintergrund und dient als Hintergrund für die Seite selbst. Das ganze sieht so aus:
in der css ist z-index:-1 für div eingestellt.
Um das Problem deutlicher zu bechreiben:
Stelle ich für body background #fff ein, so wird bei Chrome das Video wegen des dunkleren Hintergrunds hervorgehoben, bei firefox ist dies nicht der Fall.
Woran liegt das und wie kann ich das beheben?
wurde behoben.
-----------
Das zweite Problem:
Da das Video als Hintergrund dienen soll, habe ich loop in den video-Tag eingebaut, allerdings ruckelt es, sobald das Video abläuft. Gibt es eine Möglichkeit das video ruckelfrei abspielen zu lassen? Das tritt bei beiden browsern auf.
VIelen Dank für die Antworten.
Edit: problem 1 gelöst. mp4-datei wurde anscheinend falsch konvertiert.
Hallo liebe Community,
ich wende mich an euch in der Hoffnung, dass jemand das Problem bereits hatte und mir diesbezüglich helfen kann.
Zu meinem ersten Problem:
Ich habe ein video per <video> in meinem html code eingebettet und musste feststellen, dass bei Chrome das Video dunkler abgespielt wird als bei Firefox. Das Video selbst hat einen weißen Hintergrund und dient als Hintergrund für die Seite selbst. Das ganze sieht so aus:
HTML:
<body>
...
<div class="header_bg">
<video autoplay="autoplay" loop="loop">
<source src="videos/loop.mp4" type="video/mp4">
<source src="videos/loop.ogv" type="video/ogg">
<source src="videos/loop.webm" type="video/webm">
Your browser does not support the video tag.
</video>
</div>
...
</body>in der css ist z-index:-1 für div eingestellt.
Um das Problem deutlicher zu bechreiben:
Stelle ich für body background #fff ein, so wird bei Chrome das Video wegen des dunkleren Hintergrunds hervorgehoben, bei firefox ist dies nicht der Fall.
Woran liegt das und wie kann ich das beheben?
wurde behoben.
-----------
Das zweite Problem:
Da das Video als Hintergrund dienen soll, habe ich loop in den video-Tag eingebaut, allerdings ruckelt es, sobald das Video abläuft. Gibt es eine Möglichkeit das video ruckelfrei abspielen zu lassen? Das tritt bei beiden browsern auf.
VIelen Dank für die Antworten.
Edit: problem 1 gelöst. mp4-datei wurde anscheinend falsch konvertiert.
Zuletzt bearbeitet: