.container-iframe {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
About Lesson
<style>
.container-iframe {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
</style>
<div class=”container-iframe”>
<iframe class=”responsive-iframe” src=”/wp-includes/Media/ITIL4FDN/ITIL4Fdn_Rvsn/Mod3rvsn/index.html”></iframe>
</div>