Zur Navigation

Video-Wiedergabe für responsive Darstellung

1 krieger98

Im meinen Fahrrad-Workshop habe ich einige Video-Anleitungen die ich jetzt auf responsive Darstellung einstellen möchte.
Als Test-Datei habe ich erstellt: http://www.fahrrad-workshop-sprockhoevel.de/test-video.htm
Folgende Fehler treten noch auf:
a) Das Video passt sich der Bildschirm-Größe nicht an
b) Ferner sollte die Video-Box mittig zentriert sein
Was müsste geändert werden?
Die Namen der CSS-Dateien sind:
responsive-hauptseite-inhalt.css
responsive-video.css

13.07.2015 18:13

2 Jörg Kruse

a) Das Video passt sich der Bildschirm-Größe nicht an

Die Breite des Videos ist ja hier definiert:

<video width="490" height="360" controls="true">

Das könnte man denke ich auch mittels CSS für kleinere Breiten festlegen, z.B.:

@media (max-width: 540px) {
    div.video img,
    div.video video {
        max-width: 100%;
        height: auto;
    }
}

b) Ferner sollte die Video-Box mittig zentriert sein

Bei mir (Firefox und Chrome) ist die Box zentriert?

14.07.2015 14:30

3 krieger98

Vielen Dank Jörg es hat geklappt.

14.07.2015 18:15

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]