Форум Сайтостроение Веб-строительство

Как растянуть на весь экран телефона видео с ютуб?

HM
На сайте с 23.01.2012
Offline
53
HeyMan
889

Всем привет. Ребят, подскажите как сделать так, чтобы размещая видео с ютуба на сайте, оно корректно растягивалось во весь экран на смартфонах. Сейчас стандартный html код выходит за видимую область телефона. 


<iframe width="854" height="480" src="https://урл видео" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
Z0
На сайте с 03.09.2009
Offline
803
ziliboba0213
#1
HeyMan:
Всем привет. Ребят, подскажите как сделать так, чтобы размещая видео с ютуба на сайте, оно корректно растягивалось во весь экран на смартфонах. Сейчас стандартный html код выходит за видимую область телефона.


<iframe width="854" height="480" src="https://урл видео" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Так стилями...


<iframe style="max-width: 854px; width: 100%; height: 480px" src="https://урл видео" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
HM
На сайте с 23.01.2012
Offline
53
HeyMan
#2

ziliboba0213, В горизонтальном положении телефона, видео не вписывается, уходит за пределы экрана.

Z0
На сайте с 03.09.2009
Offline
803
ziliboba0213
#3
HeyMan:
ziliboba0213, В горизонтальном положении телефона, видео не вписывается, уходит за пределы экрана.

По высоте что-ли? Добавляйте тогда height нужный в стили...

Как ширину от высоты делать писать не буду, лень 🍿

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий