When embedding a Vimeo video on my website, I use the following code:
<div class="fys-fp-content-wrapper">
<div id="fys-fp-video">
</div>
</div>
#fys-fp-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 600px;
}
#fys-fp-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 600px;
}
The Vimeo iFrame is inserted into #fys-fp-video.
Despite the original width of the video being only 640px, I want it to always be displayed at 100% width, ensuring that it covers the entire width while maintaining the 600px height. Any suggestions on how to achieve this look?
Appreciate any help!