11. Oktober 2017

    Youtube-Videos in Jimdo responsive machen

    Auf der Seite Grigoleit hatte ich das Problem, dass das Youtube-Video sich nicht an die Bildschirmbreite anpassen wollte. Das habe ich wie folgt gelöst.

    Einfach die ID des Video-Containers heraussuchen und entsprechend im Head-Bereich einfügen! 

     

/* RESPONSIVE VIDEO */

#cc-m-9611599571 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#cc-m-9611599571  {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

    Tags: css