Når du lægger videoer ind på sider, har du generelt mulighed for at gøre det, så de tilpasser sig spalte- og skærmstørrelse.
For at gøre det, skal du vælge et HTML element som indholdselement. I elementet indsætter du følgende kode:
<style>
.myDiv {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.myIframe {
frameborder: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
</style>
<div class="myDiv">
<iframe class="myIframe" src="https://www.youtube.com/embed/hZWXW89FEms" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
Vær opmærksom på, at URL'en i HTML-koden skal udskiftes, så den tilsvarer den youtube-video, som du vil lægge ind på din side. I eksemplet over er det URL'en https://www.youtube.com/embed/hZWXW89FEms, du skal skifte ud.
Du kan se, hvordan videoen her tilpasser sig siden, ved f.eks. at trække i/minimere din browser.