Единственный способ отчасти исправить это — установить ширину и высоту примерно на 150 % или что-то в этом роде, но тогда это приводит к большому обрезанию
Код: Выделить всё
vimeo background-style embed
/* reset */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body,
html {
height: 100%;
}
.container {
position: relative;
width: 70%;
height: 500px;
overflow: hidden;
margin: 200px auto;
background: red;
}
.responsive-iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
aspect-ratio: 16 / 9;
min-width: 100%;
min-height: 100%;
pointer-events: none;
}
Подробнее здесь: https://stackoverflow.com/questions/796 ... imeo-embed
Мобильная версия