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

Шаблон Nexoos Проблемы и решения
1

У меня, когда вставляю видео в описании товара, ролик выводится на всю ширину сайта. Например, здесь 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 активирую пункт выводить видео в описании, то выводится нормально.

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

2

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

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

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

Полный экран

изображение
изображение628×804 104 KB

375X667

изображение
изображение520×765 88.8 KB

4

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

.tabs__content iframe{
 width:560px;
 height: 315px;
}
@media (max-width: 767px){
    .tabs__content iframe{
     width:100%;
     height: auto;
    } 
}
1 лайк
5

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

1 лайк
6

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

7

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

8

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

9

Попробуйте обернуть ваш 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>
10

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

Screenshot-720(3)
Screenshot-720(3)742×422 28.4 KB

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

С такой проблемой можно столкнуться при просмотре видео с 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>
11

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

12

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

Screenshot-721(3)

13

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

14

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

1 лайк
15

День добрый. С ютубом постоянные проблемы. У меня в течение этого года несколько аккаунтов заблокировали с видеоинструкциями к тюнерам по выдуманным поводам, которые по несколько лет висели на ютубе. Как я понял, с других видеосервисов видео нет возможности вставить, по такому же принципу как с ютуба.
Есть вариант добавлять видео в описании товара со своего хостинга. Я им пользуюсь, но редко. Так вставлять очень неудобно. Надо вручную прописывать код вставки к каждому видео, с указанием названия ролика, прописывать картинку заставки и т.д. Можно ли как-нибудь сделать так, чтобы видео можно было добавлять так же как картинки, прямо из редактора? Согласен на платную доработку)

16

Можем вот такой плагин подключить, 3к по стоимости

image
image883×540 48 KB

17

Отлично. Согласен.

18

Готово, можете проверять.

19

Спасибо. Все отлично получилось!

изображение
изображение561×722 87.4 KB

20

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

image
image722×490 35.9 KB