Video zentriert darstellen

Question

Hallo,

ich versuche schon seit längerem, ein Video zu zentrieren. Leider ist es immer noch linksbündig, sprich beginnt beim blauen Balken und geht rechts darüber hinaus. Habe es in ein <div> verpackt, was allerdings nichts zu tun scheint.

Hier ein Bild, wie es abgespielt wird:

Der Code:

<div style = "text-align: center;">

<video width="960" height="540" controls controlsList="nodownload" id="video">
 <source src="%random%" type="video/mp4" />

</video>
</div>

ich habe versucht, das style = "text-align: center;" ins <video> zu integrieren, das hat aber ebenfalls nichts gebracht, was kann ich hier tun?

Answer 1

Das Problem besteht darin, dass Ihr Video breiter ist als das Fragebogen-Layout. Ich empfehle folgende Ergänzung im <video>-Tag:

style="max-width: 100%;"

Optional können Sie auch das Layout breiter einstellen.