Модуль YouTube lazy load & popup – оптимизация и кастомизация iframe, увеличение page speed v1.0.1

Отличие от оригинала:

• автоматическая активация (Лицензия WTFPL);
• исправлена ошибка автора - не сохранял настройки при нажатии кнопки "Сохранить"

Модуль решает проблему долгой загрузки iframe с youtube и увеличивает page speed. Улучшает визуальную часть и дает возможность катомизации: отображение видео в popup, установка своих превью на видео, установка произвольной иконки "play",

Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi.

Внимание! Модулю без разницы, каким образом у вас реализован вывод видео (через доп поля, описание товара, доп вкладки или прямо в файле), он собирает конечный код iframe и заменяет на свой именно при рендеринге страницы системой OpenCart. Т.е весь ваш фунционал остается на месте и видео добавляете на сайт как и раньше. В любой момент модуль можно отключить.

ЗАЧЕМ
Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый iframe это доп. запросы и ресурсы).

Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно.

ВОЗМОЖНОСТИ

• видео по клику на превью
• всплывающеее окно с видео по клику на превью
• произвольные изображение для превью
• выбор размера превью
• установка своей иконки на кнопку 'play' (font awesome, html) и ее стилизация через css
• возможно указать пути для исключения работы модуля
• поля для камтомных стилей и js

ОСОБЕННОСТИ

• будет работать на всех шаблонах
• максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек)
• будет работать даже без бутстрапа и jquery
• открытый код

ПРИМЕНЕНИЕ

• увеличение скорости загрузки и в результате лучший показатель page speed
• кастомизация внешнего вида видео превью
• вывод видео в popup позволить показывать ваши iframe даже на ограниченном пространстве
• подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт

Если у вас уже есть оптимизация видео от шаблона или каким то модулем - этот модуль вам не нужен или нужен не на всех страницах

Если у вас какие-то нестандартные коды iframe - модуль может работать некорректно и нужна адаптация.

Чтобы не было черных полос, можно поставить заставки к видео на канале youtube или загрузить свои в папку модуля.

ВАЖНО! Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности видео.

УСТАНОВКА
Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт.
Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.

PS. Для редактора CKeditor при вставке в режиме кода некоторых тегов, в т.ч и iframe, редактор их чистит. В таком случае делаем фикс:

В admin\view\javascript\ckeditor\config.js после строки
config.resize_enabled = false;
Прописать
config.allowedContent = true;