Dany Sahne
Neues Mitglied
Hallo,
ich habe den folgenden Code:
Dieser bringt die Videos immer auf eine 100% Ausnutzung der Display-Breite. Damit die Videos auf Full-HD Bildschirmen nicht zu hoch werden, wollte ich eine spezifische Breite angeben, die nicht überschritten werden darf (1000px).
Das klappt auch sehr gut, allerdings bleibt durch den div Container die Ausnutzung des Bildschirms bei 100 Prozent und der Beitrag verlängert sich nach unten, obwohl dort kein Inhalt mehr ist.
Nun meine Frage: Kann ich die Breite und Höhe auf 100% festlegen, aber gleihzeitig sagen, dass die 100 Prozent in der Breite nicht größer als 1000px sein dürfen? Wie müssste ich den Code dementsprechend anpassen?
Vielen Dank
Dany Sahne
ich habe den folgenden Code:
Code:
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 1000px;
max-height: 750px;
}
.responsive-video {
position: relative;
padding-bottom: 75%; /* Default for 400x300 videos 4:3 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}Dieser bringt die Videos immer auf eine 100% Ausnutzung der Display-Breite. Damit die Videos auf Full-HD Bildschirmen nicht zu hoch werden, wollte ich eine spezifische Breite angeben, die nicht überschritten werden darf (1000px).
Das klappt auch sehr gut, allerdings bleibt durch den div Container die Ausnutzung des Bildschirms bei 100 Prozent und der Beitrag verlängert sich nach unten, obwohl dort kein Inhalt mehr ist.
Nun meine Frage: Kann ich die Breite und Höhe auf 100% festlegen, aber gleihzeitig sagen, dass die 100 Prozent in der Breite nicht größer als 1000px sein dürfen? Wie müssste ich den Code dementsprechend anpassen?
Vielen Dank
Dany Sahne
