Размер фрейма youtube под разные экраны - Вопросы по CSS

max-width:100%;

<iframe width="100%" height="100%"> </iframe>

heigh:auto;

iframe оберните в div с max-width:100%; и heigh:auto;, а в самом iframe размеры не пишите.

{source}<div style="max-width: 100%; height: auto;"><iframe src="https://www.youtube.com/embed/6oqvyijacZI?rel=0" frameborder="0" allowfullscreen></iframe></div>{/source} // не работает

<div style="max-width: 100%; height: auto;">{source}&lt;iframe src="https://www.youtube.com/embed/6oqvyijacZI?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;{/source}</div> // не работает

<div style="display: block;">{source}&lt;div style="max-width: 100%; height: auto;"&gt;&lt;iframe src="https://www.youtube.com/embed/6oqvyijacZI?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;{/source}</div> // не работает

Ежели ему одно видео вставить, то зачем вешать плагин?

А если в материал-то лучше all videos плагин поставьте-он автоматом под любой размер экрана адаптирует.

 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

Был случай, что плагин и не отработал адаптивность, если он вообще подгоняет размер гугловского фрейм.
 И клиенту посоветовал, что лучше вставлять просто ссылку с YouTube в div.
В сети нашел.

Код

 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

фрейм видео с Google оборачиваете в div с классом .video-container

Что это за звери {source}<div ... и </div>{/source} ?

Был случай, что плагин и не отработал адаптивность, если он вообще подгоняет размер гугловского фрейм.
 И клиенту посоветовал, что лучше вставлять просто ссылку с YouTube в div.
В сети нашел.

Код

 .video-container {....}

фрейм видео с Google оборачиваете в div с классом .video-container