XF 2.1 Разъезжается форум после вставки видео с ютуба

[ФАКЕР]

Всем привет.
Вставляю код видео например:

<iframe width="560" height="315" src="https://www.youtube.com/embed/z6RaJPe5Xtk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

C компьютера разумеется всё хорошо.

Открываю с телефона - ширина видео очень большая. Вылазит за границы форума. Как пофиксить?

 

[Skaiman]

ширину в процентах сделай а высоту убери

<div class="video-player">
    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/z6RaJPe5Xtk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

для класса задай ширину нужную

 

[ФАКЕР]

для класса задай ширину нужную

у меня так:

.adbelowfirstpost {
    padding: 10px;
    max-width: 728px;
    height: 480px;
    margin-left: auto;
    margin-right: auto;
}

шаблон:

<xf:css src="andy_adbelowfirstpost.less" />

<div class="adbelowfirstpost">


<center>

<iframe id="ytplayer" type="text/html" width="100%" height="auto"
src="https://www.youtube.com/embed/ВИДОС?autoplay=1&mute=1&rel=0&modestbranding=1"
frameborder="0" allowfullscreen></iframe>
</center>





</div>

но видео по высоте не растягивается.