Hallo,
ich habe auf http://www.individuelle-impfentscheidung.de erstmals für mich zwei Videos mit HTML5 eingebunden - hat auch prima geklappt, aber der Abstand, der jetzt zwischen dem "Zuletzt aktualisiert..." und dem Video besteht, ist mir zu groß - (wie) kriege ich den klein?
Interessanterweise ist der nicht da, wenn ich die Seite mobil anschaue....
DANKE für Eure Hilfe,
herzlich,
Steffen
Starte mal das Video und es erscheint dort, wo du den Abstand beschreibst, ein schwarzer Balken vom Video. Es ist also gar kein Abstand vorhanden. Scheint vielleicht irgendwie mit dem Videoformat (Breite/Höhe) zu tun zu haben oder Ähnliches.
Du kannst dem Video Tag einen schwarzen Hintergrund geben.
video {
background: black;
}
Das Vorschaubild (poster) hat ein anderes Seitenverhältnis als das Video selbst.
Was daran liegt, dass das Video entgegen der Vorschau oben und unten schwarze Balken enthält (nicht optimal).
Ich würde empfehlen das Video noch mal neu zu exportieren, ohne Balken.
Wichtig ist auch eine gute Komprimierung bei selbst gehosteten Videos.
Falls kein Programm vorhanden ist, dass das ordentlich macht, evtl. mal bei YouTube hochladen (nicht gelistet) - anschließend mit einem Youtube Downloader deiner Wahl speichern und schauen wie die Dateigröße ist.
Gruß
Pascal
DANKE Ihr beiden - wichtige Tips, die ich umsetzen werde.
Schönen Abend,
herzlich,
Steffen
Oder in der CSS-Datei template.css nach video suchen und mit object-fit herumspielen. Mögliche Werte findest du hier:
https://www.w3schools.com/csS/css3_object-fit.asp
FireFox hat bspw. als voreingestellten Wert: contain
Aber letztlich ist oben gesagtes schon nicht falsch. Bspw. einfach background-color auf schwarz
Auch Dir, Re:Later, nochmal ein herzliches DANKE!
