video-tag ignoriert css-Anweisungen

[spacecowboy]

Hallo!

Ich habe in einen Content-Slider das Elementtyp "video" eingebaut.
Das Problem: egal welche css-Anweisungen ich dem übergeordneten DIV gebe, das Video klebt immer am linken Seitenrand.

Dieser Elementtyp ist wie folgt eingebettet.


<div class="ce_player video-wrapper block">


<!-- indexer::stop -->
<video width="373" height="280" controls>
<source type="video/mp4" src="files/meinvideo.mp4">
</video>
<!-- indexer::continue -->


</div>


Das Stylesheet sieht so aus:

.video-wrapper {
display: block;
text-align:center;
width: 580px;
margin: 0 auto;
}


Kann mir jemand einen Tipp geben, wie ich es schaffe, dass das im video-wrapper eingebundene Video sich in die Mitte stellt an statt am linken Seitenrand?
Hinweis: bei einem mit iframe-eingebundenen Video klappt der video-wrapper tadellos.

Schonmal danke im voraus!

[Andreas]

HTML-Code bitte sauber einrücken und im HTML-Wrapper präsentieren.

Für sowas solltest du immer einen Link zur Seite zeigen.

Ich kann das zwar nicht nachstellen, weil es bei mir funktioniert, aber ich würde das so umsetzen https://jsfiddle.net/Andreas/yp1bjbjk/

[spacecowboy]

Danke für Deine Hilfsbereitschaft, Andreas!!

..Ich habe Deine css-Anweisungen übernommen. Leider wird auch das ignoriert.

Hier der Link:
www.stadtoptik.at

Beim Slider "Exklusive Brillen" den linken Pfeil 1x drücken.
Dann siehst Du auch schon mein Sorgenkind.

[Spooky]

Dein CSS macht von vornerhein keinen Sinn. Darüberhinaus verwendest du MediaElement.js, wodurch sich das Markup komplett ändert und du daher auch komplett andere Anweisungen brauchst. zB:

.mejs-container {
    margin:auto;
}

[Andreas]

Ich schließe mich @Spooky an, nimm sein CSS.

Und installiere [youtube_iframe] von Spooky für YouTube Videos, falls du das noch nicht hast.

@Spooky: Ich habe da schon lange nichts mehr mit Videos gemacht. Sehe ich das richtig, dass man mediaelement.js nicht benötigt, wenn man keinen Wert auf ein Flash-Fallback legt und mit dem Aussehen des Browser eigenen Players zufrieden ist? Wenn ja, dann würde ich das im Layout ja erst gar nicht aktivieren.

[Spooky]

@Spooky: Ich habe da schon lange nichts mehr mit Videos gemacht. Sehe ich das richtig, dass man mediaelement.js nicht benötigt, wenn man keinen Wert auf ein Flash-Fallback legt und mit dem Aussehen des Browser eigenen Players zufrieden ist? Wenn ja, dann würde ich das im Layout ja erst gar nicht aktivieren.

Ja, ich verwende MediaElement.js gar nicht mehr. In unseren Projekten legen wir auch die Mindestkompatibilität beim IE auf IE 11 fest, sowie bei den anderen Browsern die neueste Version. Und dafür braucht man für <video> keine Form von Fallback oder Polyfill. Einzig und allein wenn der Kunde ein eigenes Player Interface wünscht ist es notwendig, aber da würde ich auch nicht MediaElement.js verwenden. I hate it

[Andreas]

Vielen Dank. Ja, der war mir auch nicht sonderlich sympathisch, alleine schon wegen des Flash-Fallbacks. Also merken: Kein mediaelement.js mehr und dieses Image-Polyfill, da hatte ich ja auch schon mehrmals drauf hingewiesen, dass dort der Hilfetext falsch ist, das wird auch nicht benötigt, wenn man mit Bildgrößen arbeitet.

[spacecowboy]

Leute, Ihr seid der Wahnsinn ..Spookys CSS hat dem Spuk endlich ein Ende gesetzt - das Video ist jetzt mittig!

Herzlichen dank für die rasche und kompetente Hilfe!

Tim