6. Oktober 2023

YouTube-Videos responsive einbetten

Mit folgendem Code lassen sich YouTube-Videos im Format 16:9 responsive einbetten:

<div style="padding:56.25% 0 0 0; position:relative;">
<iframe src="https://www.youtube.com/embed/###VIDEOID###?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="YouTube Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
Code-Sprache: HTML, XML (xml)