Когда вы посещаете видео с соотношением сторон 21: 9 https://www.youtube.com/watch?v=mlHklH5VBtI и пытаетесь поделиться им, оно генерирует iframe, в котором width составляет 560px и height 315px.
Как я знаю, 560x315 - это соотношение сторон 16: 9.
315/560 = 0.5625
9/16 = 0.5625
Это должно быть 560x240 (соотношение сторон 21: 9)
240/560 = 0.428571
9/21 = 0.428571
Вторая проблема заключается в том, что проигрыватель YouTube отображает какое-то черное пространство сверху и снизу на видео с соотношением сторон 21: 9.
<iframe width="560" height="240" src="https://www.youtube.com/embed/mlHklH5VBtI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
iframe {
margin: 50px 0 0 5px;
border: 10px solid red;
}
Вы можете видеть черное пространство между границей и видео.
Я искал в параметрах iframe youtube https://developers.google.com/youtube/player_parameters, но не смог найти ничего полезного для этой проблемы.
https://codepen.io/balancana/pen/ZmzxQo