Instagram Post Title
We will make video responsive with CSS and embed HTML code using iframe. Basically, we will create a div with class container around it. Apply CSS code to the HTML to make it responsive video.
<html>
<body>
<div class="container">
<iframe src="//www.youtube.com/embed/s8DgOeKSPuk" width="750" height="563"></iframe>
</div>
</body>
</html>.container {
position: relative;
padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
/* padding-bottom: 62.5%; - 16:10 aspect ratio */
/* padding-bottom: 75%; - 4:3 aspect ratio */
padding-top: 30px;
height: 0;
overflow: hidden;
}
.container iframe,
.container object,
.container embed {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Throwback to the time Mister International 2019 burned the stage on fire 🔥 with these ten hunks in the swimsuit round. This edition's winner was Mister Vietnam @trinhbao444, and the pageant was held in Manila, Philippines...
Donate