Видео в описании товара

У меня, когда вставляю видео в описании товара, ролик выводится на всю ширину сайта. Например, здесь https://sputnik-region.ru/gi-8120.html.
Делаю так:
Беру код на ютубе, например

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

вставляю в визуальном редакторе.
Если же в меню Nexoos активирую пункт выводить видео в описании, то выводится нормально.

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

Попробуйте в доп. css добавить

.tabs__content iframe{
 width:auto;
 height: auto;
}

Сильно узко получилось

Полный экран

375X667

Тогда заместо первого

.tabs__content iframe{
 width:560px;
 height: 315px;
}
@media (max-width: 767px){
    .tabs__content iframe{
     width:100%;
     height: auto;
    } 
}
1 симпатия

Супер! Спасибо, сейчас все по размеру)

1 симпатия

А что-бы в статьях на экране смартфона в вертикальном режиме помещалось по ширине видео возможно сделать?

можно, пришлите ссылку на страницу

Спасибо)
Видео в самом низу https://best-shop.su/shtapel-istorija-dostoinstva-i-nedostatki-kak-vybrat-i-uhazhivat-za-tkanju.html

Попробуйте обернуть ваш iframe с видео в div с классами
embed-responsive embed-responsive-16by9
пример

<div class="embed-responsive embed-responsive-16by9">
	<iframe src="https://www.youtube.com/embed/QlHFmaErJ6k?rel=0&amp;vq=hd720" width="640" height="360" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>

Спасибо- на мобильном подстравивается под ширину, а вот на настольном не открывается в полном размере

Гугл пишет в справке: Что делать, если видео не открываются в полноэкранном режиме

С такой проблемой можно столкнуться при просмотре видео с YouTube на других сайтах. Как правило, это означает, что владелец ресурса отключил возможность открывать встроенные ролики в полноэкранном режиме.

PS: Код куда-то пропадает frameborder="0" allowfullscreen="allowfullscreen- ставлю ваш, а после сохранения статьи и открытия кода заново там:

<div class="embed-responsive embed-responsive-16by9"><iframe src="https://www.youtube.com/embed/AOjwL2WG86E?rel=0&amp;vq=hd720" width="640" height="360"></iframe></div>

Попробуйте использовать редактор что идет в шаблоне по умолчанию
в админке - настройки - мой магазин
опция Текстовый редактор
поставить в ckeditor

Текстэдитор не переключается из html в код- в трех бразерах попробовал- яндекс, хром и лисе- скрин прикрепил

Screenshot-721(3)

В ckeditor есть кнопка источник, нажмите на нее.
Будет код с подсветкой.

Спасибо большое- получилось

1 симпатия