Need help on making an iframe responsive, keeping the height intact, but cutting width up to the center of a video when changing width of screen, instead of keeping the full width video.
<style>
.container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 45.98%;
}
.responsive-iframe {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
</style>
Right now i have this style code, where if I resize the browser window, it resize the entire video's height. But I need to keep the height, and cutting the video's width.
In the photo below, I Show an example of how I would like it. Same Height, but cutting the video's width responsively.
