Wie man ein Video zentriert

Ich kann ein Video in einem WordPress-Blogpost nicht zentrieren. Hier ist der für das Video verwendete Shortcode:

 

Es ist eine mp4-Videodatei von meinen hochgeladenen Medien. Ich habe versucht, dies zu meiner style.css hinzuzufügen, und immer noch nicht funktioniert:

 .wp-video { text-align: center; margin-left: auto; margin-right: auto; } 

Irgendwelche Hilfe bitte ….

Solutions Collecting From Web of "Wie man ein Video zentriert"

Um ein Element zu zentrieren, müssen Sie auch dessen Elternelement stylen. Nehmen wir an, Ihr Video hat eine Struktur wie diese:

 

Um das Video zu zentrieren, müssen Sie seinem Elternteil eine Breite geben. Verwenden:

 .parent-class{ width:100%; display:block; } 

Jetzt können Sie damit den letzten Schliff machen:

 .wp-video { text-align: center; margin: 0 auto; max-width: 400px; display: block } 

Beachten Sie, dass Sie für dieses Video eine Breite definieren müssen, da Ihr Video eine Breite von 1920px hat, die sicher die meisten Bildschirme überläuft.