Видео с youtube в мобильной версии

Jekyll1911

Постоянец
Заметил, что в мобильной версии отображается видео с ютуба в размере, который я выставил для полноценной страницы. Есть ли возможность , автоматически, изменять размер видео в зависимости от размера окна посетителя?
 

dezm021

Активный участник
можно подгонять под ширину экрана, пример реализации

html:
Код:
<div class="video"><iframe src="//www.youtube.com/embed/GHWRPT5YOdg?feature=player_detailpage" height="350" width="600" allowfullscreen="" frameborder="0"></iframe></div>
CSS:
Код:
div.video iframe{
width:100%;
max-width:540px;
height:auto;
}
можно также заморочится с адаптивной версткой, пример можно глянуть здесь.
 

Jekyll1911

Постоянец
Тогда еще вопрос, а как сделать, чтобы все видео на сайте автоматически обрасли <div class="video">...</div>?
 
Сверху