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

[Gapnob]

Подскажите пожалуйста, попробовал добавить видео к описанию товара сначало просто  через iframe, но возникла данная проблема:

Видео очень узкое хотя в параметрах указано 560х315.

После чего нашел пост уважаемого @ibond, однако проблема никуда не ушла:

Видео все так же узкое... Подскажите пожалуйста куда копать?

Змінено 17 грудня 2020 користувачем Gapnob

[Mozarello84]

Надо ставить улучшенный текстовый редактор. Забыл как называется. в нем есть адекватная вставка видео

[ibond]

5 минут назад, Mozarello84 сказал:

Забыл как называется.

CKEditor, например. Если у вас ocStore 2.х, можете включить его в настройках, как редактор по умолчанию. Пример в редакторе не пробовал делать, возможно после сохранения редактор подставляет свои стили и/или добавляет/удаляет теги.

 

10 минут назад, Mozarello84 сказал:

в нем есть адекватная вставка видео

нет в нем адекватной (адаптивной) вставки как и изображений, так и видео

[Gapnob]

14 минут назад, ibond сказал:

CKEditor, например. Если у вас ocStore 2.х, можете включить его в настройках, как редактор по умолчанию. Пример в редакторе не пробовал делать, возможно после сохранения редактор подставляет свои стили и/или добавляет/удаляет теги.

 

нет в нем адекватной (адаптивной) вставки как и изображений, так и видео

Уже стоит... Конифг отсюда ничего не дал. Версия CKEditor 4.15 проверил через alert(CKEDITOR.version), в консоле хрома.

Змінено 17 грудня 2020 користувачем Gapnob

[ibond]

13 минут назад, Gapnob сказал:

Уже стоит...

Вы наверное понимаете, что принтскрин тут ничего не решит. Дайте чтоль ссылку на морду с видео.

[Seriusis]

да скорее всего просто в стилях сайта есть какие то правила к iframe, которые переопределяют размеры 

[Gapnob]

Проблема решена, ссылка на сайт убрана!

Змінено 17 грудня 2020 користувачем Gapnob

[Gapnob]

 

7 минут назад, Seriusis сказал:

да скорее всего просто в стилях сайта есть какие то правила к iframe, которые переопределяют размеры 

Бинго! Не знаю почему я сразу это не проверил... Стоит hight:auto, не пойму почему не присваивается ему hight из .videoWrapper iframe, который я прописал отдельно в шапке сайта.

Змінено 17 грудня 2020 користувачем Gapnob

[Seriusis]

11 минут назад, Gapnob сказал:

Бинго! Не знаю почему я сразу это не проверил... Стоит hight:auto, не пойму почему не присваивается ему hight из .videoWrapper iframe, который я прописал отдельно в шапке сайта.

уберите там height: auto; или добавьте !important в ваше правило, чтобы вышло height: 100% !important;

[Gapnob]

11 минут назад, Seriusis сказал:

уберите там height: auto; или добавьте !important в ваше правило, чтобы вышло height: 100% !important;

Я уже понял, не знаю почему я сразу не глянул. Огромное спасибо!

[Mozarello84]

2 часа назад, ibond сказал:

CKEditor, например. Если у вас ocStore 2.х, можете включить его в настройках, как редактор по умолчанию. Пример в редакторе не пробовал делать, возможно после сохранения редактор подставляет свои стили и/или добавляет/удаляет теги.

 

нет в нем адекватной (адаптивной) вставки как и изображений, так и видео

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

[Mozarello84]

https://kopterfly.ru/radioupravlyaemye-mashiny-elektro/monstr-traxxas-hoss-4x4-vxl

пример адаптивного видео в два клика при не считая контрл-с контрл-в )))

[Mozarello84]

вот как должен выглядеть едитор с адаптивной вставкой видео. Вставляем ссылку с ютуба, ставил галочку растягивать. готово!

еще один пример по ссылке

https://kopterfly.ru/samolety/planer_volantex_761_6_ranger_400_rtf_s_sistemoy_stabilizacii_113026

 

[Gapnob]

Посидел я еще часик и разобрался. Нужен данный плагин. После чего в конфиге CKEditor'a нужно добавить:

    config.extraPlugins = 'youtube';
    config.allowedContent = true;

И тогда будет все работать и врям идеально.

Змінено 17 грудня 2020 користувачем Gapnob