Как убрать чёрные полосы у фонового yotube iframe?

Question

[Александр Иванов]

1
https://codepen.io/Simon1111/pen/NYarjY
- с чёрными полосами

2
https://jsfiddle.net/kf7hrLgn/2/
- без чёрных полос

Код одинаковый с чем может быть связанно и как сделать чтобы в варианте 1 было без чёрных полос?

чёрные полосы - имеется в виду по всей ширине

Comments

[Ernest Faizullin]

у меня вторая ссылка не работает

[Александр Иванов]

Ernest Faizullin, https://jsfiddle.net/kf7hrLgn/2/ я исправил на верную

[Ernest Faizullin]

так называемые черные полосы зависят от расширения экрана. Допустим, если открыть первую ссылку на планшете, то черных полос не будет

Этого никак не избежать. Ведь видео не может растягиваться. (по крайней мере на данный момент)

[Александр Иванов]

Ernest Faizullin, по ссылке 2 оно растягивается

[Ernest Faizullin]

видео растягивается только в том случае когда соотношение сторон устройства пропорционально соотношению сторон видео

[Сергей]

cimonlebedev, .videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
там же для адаптивности это и прописано, а в вашем примере этого нет

[Александр Иванов]

Сергей, ответьте тоже самое в ответе отмечу решением