Moin in die Runde!
Ich habe versucht, neben Bildern, auch ein Video per caroufredsel einzubinden. Dafür habe ich einfach ein HTML-Element erstellt und hier mein HTML5-Video-Code eingebunden.
Code:
<div>
<video autoplay="autoplay" loop="loop" width="100%">
<source src="beispielvideo.mp4" type="video/mp4">
<source src="beispielvideo.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
</div>
Das Video wird auch tatsächlich angezeigt, aber da das Video nicht die gleichen Abmaße hat, wie die Bilder, kommt es zu unschönen Verschiebungen während des Slidens. Das Video ist Höher als die Bilder.
Bei den Bildern kann man ja so schön "Mitte Mitte" und ne Größe einstellen, wundebar, aber gibt es so etwas auch für Videos? Per CSS vielleicht? Gesucht habe ich, aber ich bin nicht fündig geworden.
Natürlich könnte man jetzt das Video so erstellen, dass es von den Ausmaßen passt, aber das halte ich doch für sehr aufwendig.
Wäre über jeden Tipp dankbar!
Vielleicht gibt es auch einen Slider, der von Haus aus mit Videos umgehen kann? Rocksolid-Slider?
Vielen Dank im Voraus!
Lesezeichen