Sehr schön
Gefällt mir auch
Kleine Anmerkung vielleicht noch. Dein eingebettetes Youtube Video verhält sich nicht ganz responsive
Sollte aber eine Kleinigkeit sein
Leider ist die maximale Dateigröße auf 80kb begrenzt, daher kann ich dir keine passenden Screenshots zeigen.
Ziehe ich das Browserfenster kleiner überdeckt zuerst der Text das Video. Wenn es auf der Smartphonegröße ist ( sowohl auf dem Smartphone selbst, aber auch simuliert im Browser) dann ist das Video nur zu hälfte zu sehen.
Quellcode |
|
1 2 3 4 5 6 7 8 9 10 |
/* ======== Videos responsive einbinden ======= */ .responsive_16-9, .responsive_4-3, .responsive_a4 { position: relative; height: 0; overflow: hidden; } /* -- 16 zu 9 Layout für Videos -- */ .responsive_16-9 { padding-bottom: 56.25%; } /* -- 4 zu 3 Layout für Präsentationen --*/ .responsive_4-3 { padding-bottom: 75%; } /* -- DIN A4 Layout für Dokumente --*/ .responsive_a4 { padding-bottom: 142.86%; } .responsive_16-9 iframe, .responsive_4-3 iframe, .responsive_a4 iframe, .responsive_16-9 object, .responsive_4-3 object, .responsive_a4 object, .responsive_16-9 embed, .responsive_4-3 embed, .responsive_a4 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } |
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Oloiliber« (1. Dezember 2014, 11:58)