Видео с 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>?

 

[dezm021]

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

не подскажу, я вручную делал, только сделал шорт-код чтобы чуть упростить процесс

 

[Jekyll1911]

я решил так сделать

@media screen and (max-width: 520px){
iframe {
display:none;}}