Вставка Youtube для десктопа и мобильных

Amigo_9876
На сайте с 01.04.2009
Offline
316
462

Один сайт - адаптивная верстка.

Иногда в новостях идут видеоролики вставленные с ютуба.

Как мне сделать, чтобы они автоматически ровнялись по ширине экрана устройства?

Т.е на десктопе чтобы ролик был, ну грубо говоря width="560" height="315"

А на мобильном: width="240" height="135"

Допустим:

<iframe width="560" height="315" src="https://www.youtube.com/embed/ibPLBJP1oOo" frameborder="0" allowfullscreen></iframe>

width="560" height="315" - фиксированные. На мобильном вылазит далеко за грани экрана.

width="100%" height="315" - подходящая ширина для десктопа и мобильного. Но на мобильном остается высота 315, получается неправильный вид.

width="100%" height="100%" - не работает. На десктопе получается бред. Типа 100% на 100px...

C
На сайте с 26.10.2013
Offline
54
#1

Вот вчера только было

/ru/forum/925486

Вместо явного задания фрейму размеров, используйте CSS и медиа запросы

Услуги по парсингу данных (/ru/forum/939826), единоразовый и регулярный сбор данных. Любые объемы. Скрипты на PHP, создание и доработка, решение проблем с сайтами Пишите в личные сообщения или скайп

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