Blog: CSS Snippets

mit folgendem Code können Videos responsive eingebunden werden.

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    object,
    embed,
    video {

Für alle die gerne für Retina Displays optimieren möchten und zudem mit SCSS arbeiten gibt es ein SCSS mixin das die ganze Sache erheblich vereinfacht.

Hat man das mixen eingebunden muss nur der Bildpfad angegeben werden und die Device unabhängige Größe des Bildes.

z.B.: