Jump to content

Search the Community

Showing results for tags 'видео'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Основной
    • Новости и анонсы
    • Предложения и пожелания
    • Акции, подарки, конкурсы и награды
  • For developers
    • Общие вопросы
    • Нововведения на форуме
  • Opencart 3.x
    • Opencart 3.x: Общие вопросы
    • Opencart 3.x: Установка и обновление
    • Opencart 3.x: Локализация
    • Opencart 3.x: Настройка и оптимизация
    • Opencart 3.x: Песочница
    • Opencart 3.x: Поиск модулей
    • Opencart 3.x: Отчёты об ошибках
  • Opencart 2.x
    • Opencart 2.x: Общие вопросы
    • Opencart 2.x: Установка и обновление
    • Opencart 2.x: Локализация
    • Opencart 2.x: Настройка и оптимизация
    • Opencart 2.x: Песочница
    • Opencart 2.x: Поиск модулей
    • Opencart 2.x / ocStore 2.x: Отчёты об ошибках
  • Поддержка и ответы на вопросы
    • Общие вопросы
    • Установка, обновление, настройка
    • Шаблоны, дизайн и оформление магазина
    • Модули и дополнения
    • Помощь программистам и разработчикам
    • Мобильная витрина
    • Вопросы безопасности
    • SEO-вопросы (оптимизация и продвижение магазина)
    • Перевод
    • Отчёты об ошибках
    • Интернет-магазины и электронная коммерция
    • Песочница
  • Услуги
    • Создание магазинов под ключ
    • Дизайн, верстка и шаблоны
    • Программирование, создание модулей, изменение функциональности
    • Настройка и мелкая работа по уже существующему сайту
    • Обновление версии движка магазина
    • Наполнение магазина
    • Системное администрирование (настройка хостинга, серверов, ПО)
    • Другие услуги
    • Отзывы об исполнителях
    • Отзывы о заказчиках
  • Разное
    • Примеры сайтов на OpenCart (ocStore)
    • Курилка
    • Предложения по улучшению
    • Группы

Categories

  • Шаблоны
    • Бесплатные шаблоны
    • Платные шаблоны
  • Filters
  • Promotions & Pricing
  • Coupons & reward points, affiliate programs
  • Blogs, News & Articles
  • Shopping Cart & Order
  • Product Options
  • Product Attributes
  • Product Combinations
  • Search
  • SEO & Optimization
  • Caching & Server Performance
  • Платежные системы
  • Доставки
  • Editors
  • Design & Navigation
  • Banners, Slideshows & Galleries
  • Email Marketing & SMS Integration
  • Customer Support & Chat
  • Обмен данными
  • Учет в заказе
  • Compare & Wishlist
  • Социальные сети
  • Parsers
  • Модули
  • Tools & Developer Tools
  • Licenses
  • Языковые пакеты
  • Прочее
  • Отчеты
  • Сборки
  • Услуги
    • Графика и дизайн
    • Маркетинг

Categories

  • Настройка OpenCart
  • Служебные документы
  • Оплата

Blogs

  • Konorws (Разработка и модификация Opencart)
  • Блог mr.Kent)
  • AWS
  • Прожектор Бритни Спирс
  • Layk
  • Продвижение интернет-магазина, seo оптимизация
  • Записная книжка
  • Блог RGB
  • Записки от sitecreator
  • О программировании и другом
  • Модули которые сделают сайт лучше
  • Блог веб-студии NeoSeo
  • Useful IT
  • Задачи, идеи, решения.
  • Найденные решения проблем с Opencart
  • ocdroid blog
  • Заметки на полях...
  • Pimur
  • Серж Ткач
  • О жизни, смерти, о бизнесе и Опенкарте
  • Полезное с бесполезным
  • Просто мысли от laim731
  • Маркетинг и продвижение интернет-магазина
  • Магазин Tv-Project.com
  • Мой копирайтинг
  • Разработка под Opencart
  • SEO боксинг специального назначения
  • Подбери свои боксерские перчатки
  • Get-Web Dev
  • Seok
  • Как добавить название города к домену на Опенкарт? (город в качестве категории)
  • Оптимизация и ускорение сайта: JavaScript...
  • Best practice
  • Ultimate Guide to Building an MVP
  • Vlad-Egorov-Blog

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Сайт


Skype


Город:


Интересы

Found 40 results

  1. Version 3.0

    OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. Основные настройки для баннеров в группе: 1) Вывод названия группы 2) Три режима отображения - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду) - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешенией), расстояние между баннерами для различных разрешений) - Произвольная сетка (настраиваемое расстояние между баннерами) 3) Размеры изображений 4) Статус группы При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов: 1) Изображение 2) Видео 3) Слайдер При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов: 1) Изображение 2) Видео Абсолютно любому баннеру можно указать статус включено/отключено. Мультиязычные настройки для типа баннера "Изображение": 1) Изображение. 2) Эффект при наведении на изображение (12 эффектов). 3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения. 4) Alt для изображения. 5) Статус заголовка. 6) Позиция для заголовка (перед изображением, после изображения, в теле изображения). 7) Выравнивание заголовка (по левому краю, по правому краю, по центру). 8) Ссылка. 9) Указывает ли ссылка на видеоролик (YouTube или Vimeo). 10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне. 11) Статус описания баннера. 12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор). 13) Порядок сортировки. Мультиязычные настройки для типа баннера "Видео": 1) Выбор видеохостинга (YouTube или Vimeo). 2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID. 3) Заголовок для видео. 4) Статус заголовка. 5) Позиция для заголовка (перед или после видеоролика). 6) Выравнивание заголовка (по левому краю, по правому краю, по центру). 7) Порядок сортировки. Мультиязычные настройки для типа баннера "Слайдер": 1) Статус слайдера. 2) Изображение. 3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения. 4) Alt для изображения. 5) Статус заголовка. 6) Выравнивание заголовка (по левому краю, по правому краю, по центру). 7) Ссылка. 8) Указывает ли ссылка на видеоролик (YouTube или Vimeo). 9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне. 10) Статус описания баннера 11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор) 12) Порядок сортировки. Уровни доступа: 1) Показ баннеров для разных магазинов 2) Показ баннеров для разных групп покупателей 3) Показ баннеров для разных категорий При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS". Если поле на данной вкладке заполнено, то подключается дополнительный файл стилей, соответствующий данному модулю. К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении ммодуля не потеряются какие-либо сделанные изменения. Не перезаписывает системных файлов движка Не использует VQmod Не использует OCMOD Не использует ioncube Демо модуля: 1) Сетка Bootstrap 2) Карусель 3) Произвольная сетка 4) Слайдер Административная часть: http://demo.oc-day.ru/admin/index.php?route=extension/module/ocdbanner Логин: demo Пароль: demo Установка 1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer) 2) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой extension/module/ocdbanner) 3) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль. 4) Вывести созданный модуль на необходимой странице. Обновление 1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer) 2) Зайти в модуль(и) и пересохранить настройки. Это позволит к каждому созданному модулю прописать свой идентификатор 3) Если используется карусель, то в настройках необходимо прописать расстояние между баннерами для каждого разрешения. Внимание! В виду того что невозможно достоверно определить построение произвольной сетки пользователем, настройка стилей для эффектов с 5 по 12 носит индивидуальный характер. Данную настройку покупатель может осуществить собственными силами или при покупке модуля отметить соответствующую опцию. Лицензия! 1) Данный модуль реализуется по принципу: одна лицензия - один домен. 2) Запрещена перепродажа модуля без согласия автора. 3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля. Для получения новой версии модуля оправьте на e-mail: info@oc-day.ru или посредством личных сообщений следующую информацию: 1) Номер заказа. 2) Ваш e-mail, на который будут высланы архив с файлами модуля. 3) Адрес сайта, на котором будет установлен модуль. 4) Версию движка/сборки. Архив с файлами модуля будет выслан только для указанной версии движка/сборки!!!

    560.00 RUB

  2. Добрый день. Посоветуйте, пожалуйста, бесплатный способ установки видео из ютуб вместо фото в товаре. Если такого нет, тогда - как вставить адаптивное видео в описание товара? Поиск не помог. Искал блок video в css - не нашел...
  3. Version v31

    Дополнение, позволяющее добавлять видеоролики с YouTube в карточку товара. В настройках можно указать в каком месте выводить видео. Это может быть последняя позиция в дополнительных изображениях товара, размещение под описанием товара или вкладка "Видео". Также можно включить первое и последнее одновременно или выключить совсем. Чтобы добавить видео к товару, достаточно указать ссылку на ролик. При размещении в дополнительных изображениях, видео открывается во всплывающем окне и листается вместе с картинками. При размещении видео во вкладке и описании, плеер адаптивный, подстраивается под размеры окна вкладки и браузера. Если в товар добавляется больше одного видео (только в opencart 2 и opencart 3), то во вкладке вывод плеера сменяется на вывод миниатюр всех видео, при клике на которые, видео открываются во всплывающем окне, их также можно листать по порядку. В дополнительных изображениях в opencart 2 выводится только основное видео, остальные попадают во вкладку вместе с основным. В opencart 3 в дополнительных изображениях выводятся все видео. При добавлении видео, также подтягивается и сохраняется его оригинальное название, которое в последствии появляется при наведении мышкой на миниатюру видео. При желании это название можно заменить на своё. Модуль протестирован и отлично работает на стандартном шаблоне. Если на вашем этого не произошло, то пишите в личку. Первая адаптация под ваш шаблон бесплатна. Последующие адаптации под тот же домен 150р. В этих случаях от вас понадобится доступ к FTP и админке сайта. Установка под ключ +150 руб / оплатить установку Готовые адаптации под шаблоны Opencart 2: barbara, boocity, coloring, moneymaker2, newstore, revolution, unishop, pixelshop, fractal, royal, luxury, lightshop, magazin, modern, fastor, fastfood, sstore, journal2, techstore, techboom, logancee, sagitta, silvers, julytheme, emarket, unitystore Готовые адаптации под шаблоны Opencart 3: bodysport, unishop2, jewelry, frame, royal, newstore, storeflex, onlytemplate, journal3, ultrastore Архив комплектуется только адаптацией под стандартную default тему. Для получения одной бесплатной адаптации под ваш шаблон из этого списка пишите в ЛС. Не совместим с шаблонами: Pavilion (BurnEngine) Поддержка версий OpenCart: 1.5 — 3.0, а также аналогичных сборок на его основе Иногда решающее значение перед покупкой товара в интернет магазине имеет его детальный видео обзор, который снимает долю сомнений покупателя в выборе того или иного товара, тем самым помогая ему быстрее определиться и сделать заказ. Данный модуль поможет вам в этом. Для работы модуля необходимо php 5.5 и выше + включённый ionCube Loader и cURL на хостинге Если вы не знаете состояние этих параметров, то скачайте модификатор и следуйте инструкции. Ключ активации модуля можно получить через личное сообщение, указав сайт, где будет использоваться модуль, а также название шаблона. Тестовый домен может быть только поддоменом основного сайта, техническим доменом хостинга или папка на локальном сервере Закодирован только контроллер настроек модуля. Соединение с внешним сервером не используется. Недействительный ключ активации к ошибкам в работе сайта не приводит. Всем сайтам, уличённым в установке нелегальной копии будет отказано в поддержке по всем модулям автора, также они будут лишены обновлений. То есть покупая один модуль и установив бесплатно другой - вы теряете поддержку по обоим. Поэтому, если вы заказчик и подбираете модули для своего сайта, то просите у вашего разработчика отчёт о покупке модуля, без этой информации по запросу автора вы также не сможете получать поддержку и обновления. Автор предоставляет модуль в том виде, в котором он представлен. Доработки, дополнения, расширение функционала модуля на заказ автор не выполняет. Исключение составляют только найденные ошибки, некорректная работа модуля по месту установки и возможный учёт пожеланий для будущих версий. Демо с несколькими видео Демо с одним видео Изменения версий:

    450.00 RUB

  4. 450.00 руб Скачать/Купить дополнение Видео на странице товара Дополнение, позволяющее добавлять видеоролики с YouTube в карточку товара. В настройках можно указать в каком месте выводить видео. Это может быть последняя позиция в дополнительных изображениях товара, размещение под описанием товара или вкладка "Видео". Также можно включить первое и последнее одновременно или выключить совсем. Чтобы добавить видео к товару, достаточно указать ссылку на ролик. При размещении в дополнительных изображениях, видео открывается во всплывающем окне и листается вместе с картинками. При размещении видео во вкладке и описании, плеер адаптивный, подстраивается под размеры окна вкладки и браузера. Если в товар добавляется больше одного видео (только в opencart 2 и opencart 3), то во вкладке вывод плеера сменяется на вывод миниатюр всех видео, при клике на которые, видео открываются во всплывающем окне, их также можно листать по порядку. В дополнительных изображениях в opencart 2 выводится только основное видео, остальные попадают во вкладку вместе с основным. В opencart 3 в дополнительных изображениях выводятся все видео. При добавлении видео, также подтягивается и сохраняется его оригинальное название, которое в последствии появляется при наведении мышкой на миниатюру видео. При желании это название можно заменить на своё. Модуль протестирован и отлично работает на стандартном шаблоне. Если на вашем этого не произошло, то пишите в личку. Первая адаптация под ваш шаблон бесплатна. Последующие адаптации под тот же домен 150р. В этих случаях от вас понадобится доступ к FTP и админке сайта. Установка под ключ +150 руб / оплатить установку Готовые адаптации под шаблоны Opencart 2: barbara, boocity, coloring, moneymaker2, newstore, revolution, unishop, pixelshop, fractal, royal, luxury, lightshop, magazin, modern, fastor, fastfood, sstore, journal2, techstore, techboom, logancee, sagitta, silvers, julytheme, emarket, unitystore Готовые адаптации под шаблоны Opencart 3: bodysport, unishop2, jewelry, frame, royal, newstore, storeflex, onlytemplate, journal3, ultrastore Архив комплектуется только адаптацией под стандартную default тему. Для получения одной бесплатной адаптации под ваш шаблон из этого списка пишите в ЛС. Не совместим с шаблонами: Pavilion (BurnEngine) Поддержка версий OpenCart: 1.5 — 3.0, а также аналогичных сборок на его основе Иногда решающее значение перед покупкой товара в интернет магазине имеет его детальный видео обзор, который снимает долю сомнений покупателя в выборе того или иного товара, тем самым помогая ему быстрее определиться и сделать заказ. Данный модуль поможет вам в этом. Для работы модуля необходимо php 5.5 и выше + включённый ionCube Loader и cURL на хостинге Если вы не знаете состояние этих параметров, то скачайте модификатор и следуйте инструкции. Ключ активации модуля можно получить через личное сообщение, указав сайт, где будет использоваться модуль, а также название шаблона. Тестовый домен может быть только поддоменом основного сайта, техническим доменом хостинга или папка на локальном сервере Закодирован только контроллер настроек модуля. Соединение с внешним сервером не используется. Недействительный ключ активации к ошибкам в работе сайта не приводит. Всем сайтам, уличённым в установке нелегальной копии будет отказано в поддержке по всем модулям автора, также они будут лишены обновлений. То есть покупая один модуль и установив бесплатно другой - вы теряете поддержку по обоим. Поэтому, если вы заказчик и подбираете модули для своего сайта, то просите у вашего разработчика отчёт о покупке модуля, без этой информации по запросу автора вы также не сможете получать поддержку и обновления. Автор предоставляет модуль в том виде, в котором он представлен. Доработки, дополнения, расширение функционала модуля на заказ автор не выполняет. Исключение составляют только найденные ошибки, некорректная работа модуля по месту установки и возможный учёт пожеланий для будущих версий. Демо с несколькими видео Демо с одним видео Изменения версий: Добавил xprolance Добавлено 04.07.2016 Категория Слайдшоу, баннеры, галереи Системные требования php 5.5 и выше, ionCube Loader, VQMOD (для opencart 1.5), cURL (бывает выключен на бесплатных хостингах) Сайт разработчика http://project.bplaced.net/ Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0 2.3 2.2 2.1 2.0 1.5.6.4 1.5.6.3 1.5.6.2 1.5.6.1 1.5.6 1.5.4.1 1.5.3.1 ocStore 3.0 2.3 2.1 1.5.5.1.2 1.5.5.1.1 1.5.5.1 1.5.4.1.2 1.5.4.1.1 1.5.4.1 1.5.3.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х OcShop 1.5.6.4.х Обращение к серверу разработчика Нет Старая цена
  5. 560.00 руб Скачать/Купить дополнение OCDbanner: Баннеры | Слайдеры | Видео OCDbanner: Баннеры | Слайдеры | Видео - многофункциональный модуль для вывода баннеров, слайдеров и показа видеороликов на вашем сайте. Основные настройки для баннеров в группе: 1) Вывод названия группы 2) Три режима отображения - Сетка Bootstrap (1, 2, 3, 4 или 6 баннеров в ряду) - Карусель (автопрокрутка, навигация, лимит баннеров в видимой части карусели на разных разрешениях экрана (неограниченное количество разрешенией), расстояние между баннерами для различных разрешений) - Произвольная сетка (настраиваемое расстояние между баннерами) 3) Размеры изображений 4) Статус группы При режимах отображения группы "Сетка Bootstrap" и "Произвольная сетка" для каждого баннера можно выбрать один из трех типов: 1) Изображение 2) Видео 3) Слайдер При режиме отображения группы "Карусель" для каждого баннера можно выбрать один из двух типов: 1) Изображение 2) Видео Абсолютно любому баннеру можно указать статус включено/отключено. Мультиязычные настройки для типа баннера "Изображение": 1) Изображение. 2) Эффект при наведении на изображение (12 эффектов). 3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения. 4) Alt для изображения. 5) Статус заголовка. 6) Позиция для заголовка (перед изображением, после изображения, в теле изображения). 7) Выравнивание заголовка (по левому краю, по правому краю, по центру). 8) Ссылка. 9) Указывает ли ссылка на видеоролик (YouTube или Vimeo). 10) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне. 11) Статус описания баннера. 12) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор). 13) Порядок сортировки. Мультиязычные настройки для типа баннера "Видео": 1) Выбор видеохостинга (YouTube или Vimeo). 2) ID видео. Для показа видеоролика необходимо ввести в поле только его ID. 3) Заголовок для видео. 4) Статус заголовка. 5) Позиция для заголовка (перед или после видеоролика). 6) Выравнивание заголовка (по левому краю, по правому краю, по центру). 7) Порядок сортировки. Мультиязычные настройки для типа баннера "Слайдер": 1) Статус слайдера. 2) Изображение. 3) Заголовок (поддержка html-кода). Также будет использоваться как title изображения. 4) Alt для изображения. 5) Статус заголовка. 6) Выравнивание заголовка (по левому краю, по правому краю, по центру). 7) Ссылка. 8) Указывает ли ссылка на видеоролик (YouTube или Vimeo). 9) Ссылки открываются в текущем или новом окне. Отдельно для видеороликов предусмотрен показ в модальном окне. 10) Статус описания баннера 11) Описание (поддержка html-кода + при необходимости можно включить визуальный редактор) 12) Порядок сортировки. Уровни доступа: 1) Показ баннеров для разных магазинов 2) Показ баннеров для разных групп покупателей 3) Показ баннеров для разных категорий При необходимости внесения изменений в стилевое оформление модуля предусмотрена вкладка "CSS". Если поле на данной вкладке заполнено, то подключается дополнительный файл стилей, соответствующий данному модулю. К каждому модулю можно подключить пользовательский шаблон, тем самым при обновлении ммодуля не потеряются какие-либо сделанные изменения. Не перезаписывает системных файлов движка Не использует VQmod Не использует OCMOD Не использует ioncube Демо модуля: 1) Сетка Bootstrap 2) Карусель 3) Произвольная сетка 4) Слайдер Административная часть: http://demo.oc-day.ru/admin/index.php?route=extension/module/ocdbanner Логин: demo Пароль: demo Установка 1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer) 2) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой extension/module/ocdbanner) 3) В настройках модуля на вкладке "Доступы" обязательно отметить магазин и группу покупателей, для которых необходимо показывать модуль. 4) Вывести созданный модуль на необходимой странице. Обновление 1) Загрузить ocdbanner.ver3.ocmod.zip через Дополнения / Установка дополнений (Extensions / Extension Installer) 2) Зайти в модуль(и) и пересохранить настройки. Это позволит к каждому созданному модулю прописать свой идентификатор 3) Если используется карусель, то в настройках необходимо прописать расстояние между баннерами для каждого разрешения. Внимание! В виду того что невозможно достоверно определить построение произвольной сетки пользователем, настройка стилей для эффектов с 5 по 12 носит индивидуальный характер. Данную настройку покупатель может осуществить собственными силами или при покупке модуля отметить соответствующую опцию. Лицензия! 1) Данный модуль реализуется по принципу: одна лицензия - один домен. 2) Запрещена перепродажа модуля без согласия автора. 3) Запрещена передача модуля третьим лицам, распространение и публикация от своего имени без получения разрешения автора модуля. Для получения новой версии модуля оправьте на e-mail: info@oc-day.ru или посредством личных сообщений следующую информацию: 1) Номер заказа. 2) Ваш e-mail, на который будут высланы архив с файлами модуля. 3) Адрес сайта, на котором будет установлен модуль. 4) Версию движка/сборки. Архив с файлами модуля будет выслан только для указанной версии движка/сборки!!! Добавил klaos27 Добавлено 15.10.2017 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0 2.3 2.1 ocStore 2.3 2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
  6. Подскажите, кто в курсе, как сделать в блоге в оформлении статьи обтекание текста? чтобы текст обрамлял видео, как в первом скриншоте. Получается только как во втором))) Спасибо!!!!
  7. Вставка видео с youtube или twitch на сайт довольно обычное дело. Заходим на страницу с видео, нажимаем на кнопку поделиться, копируем iframe, вставляем в нужном месте и готово, видео сразу же появляется на сайте, но в этом и заключается проблема... Когда iframe встроен непосредственно в разметку сайта, то как только начинается загрузка страницы и браузер видит iframe он начинает загружать видео и все ресурсы необходимые для работы плеера. Сайт начинает долго грузится и как не странно жутко лагать вплоть до зависания устройства с которого пользователь посетил сайт. Помимо этого анализ производительности pagespeed insights даже из-за одного видео проседает примерно на 15 пунктов и тут я с ним полностью солидарен, если на сайте стоит preloader, то пользователь вообще может не дождаться загрузки. Поскольку мне часто приходится иметь дело с такими проблемами я написал небольшой скрипт решающие основные задачи с которыми я сталкивался. Решения в интернете есть ведь идея не нова и проблема известна давно, но они достаточно топорные и сложно расширяемые. Возможно есть какие-то плагины, но к сожалению мне не попадались, да я и не искал. Скрипт написан на чистом js, так что его можно подключить к любому проекту. Demo: https://get-web.site/insertmedia.html Репозиторий на gitHub: https://github.com/get-web/insertmedia Чтобы начать использовать необходимо подключить скрипт: <script src="../src/insertmedia.js"></script> И вызвать его: document.addEventListener("DOMContentLoaded", function () { insertmedia(); }); Можно вызвать с опциями: document.addEventListener("DOMContentLoaded", function () { insertmedia({ delay: 300, // Задержка. default: 300ms immediately: true, // тип задержки true/false. Сразу или по очереди каждый "delay" милисекунд. default: true - сразу attr: 'data-insertmedia', // Атрибут с конфигурацией вставки. В блок с этим атрибутом будет вставляться наше видео или изображение. default: data-insertmedia }) }); Блоку в который будет вставляться видео мы добавляем атрибут с параметрами: data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }' Например для вставки видео с ютуба мы можем использовать такие настройки: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> Доступные опции: type*: тип вставляемого ресурса. На данный момент это: youtube , twitch , html5 , img src*: Ссылка на ресурс (видео,картинка..) например: https://example.com/img.jpg width: Ширина доступная для вставляемого типа ресурса height: Высота доступная для вставляемого типа ресурса setting: Настройки доступные для вставляемого типа ресурса (*) - Обязательно В общем идея достаточно проста, мы передаем тип ресурса и ссылку на него без параметров, а уже в setting передаются параметры доступные для данного типа ресурса. Например фрейм ютуба по умолчанию выглядит так: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Мы можем вставить его таким образом (не используя setting или передавая пустую строку "setting": "") : <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI" }'> </div> Но если мы, к примеру, хотим запустить видео автоматически и без звука, фрейм будет таким: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Как вы могли заметить к ссылке были добавлены необязательные параметры ?autoplay=1&mute=1 их мы и передаем в setting при использовании скрипта: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> То есть любые параметры описанные в документации к youtube вы можете использовать таким образом. Точно так же передаются параметры и другим типам ресурсов в зависимости от их API. Именно поэтому происходит разделение ссылки и параметров, чтобы можно было их интегрировать под любой тип и иметь возможность правильно составлять шаблоны для последующей вставки. Надеюсь я понятно объяснил и мой труд кому-то будет полезен. Если будут вопросы задавайте их тут. Пишите если что-то нужно добавить или исправить, или если хотите покритиковать. Источник: https://get-web.site/blog/javascript/43-insertmedia.html
  8. 400.00 руб Скачать/Купить дополнение YouTube видео товара [OC 2.3, 3.0] Установка и адаптация модуля под шаблон идёт бонусом! Адаптировать под шаблон - это значит сделать так, чтобы модуль заработал на Вашем шаблоне. Изменение внешнего вида в это не входит. Кнопки "Видео товара" и "Закрыть" скорее всего будут отличаться от того что Вы видите в дэмо и на скринах, и зависит от Вашего шаблона. Точно смогу сказать только получив ссылку на сайт Вашего магазина. Пишите в ЛС или по контактам, указанным в профиле. Применение. После установки модуля, в админке, в редактировании товара появится вкладка "Видео", в которой есть возможность вставить ссылку на видео YouTube, а так же есть возможность предварительного просмотра видео в модальном окне. В настройках модуля есть возможность настроить вывод видео двумя способами: "Кнопка + Модальное окно" и "Вкладка". Как это выглядит - можно посмотреть на скриншотах и в демонстрации. Демонстрация: Карточка товара (Кнопка + Модальное окно) Карточка товара (Вкладка) Редактирование товара Настройки модуля Логин/пароль: demo/demo ВНИМАНИЕ! Перед покупкой дополнения, обязательно ознакомьтесь с политикой возвратов. Бесплатная персональная техническая поддержка предоставляется только при выполнении ВСЕХ условий: 1. Пользователь (и домен) должен быть в списке покупателей (и доменов) этого дополнения. 2. Версия движка должна быть в списке заявленных. 3. В коде дополнения не должно быть изменений. 4. В коде движка и БД, в тех частях, с которыми дополнение взаимодействует при установке и работе, не должно быть изменений. 5. Дополнение не работает заявленным образом по вине автора. 6. Пользователь предоставляет все запрошенные доступы. В противном случае, поддержка платная. Дополнение тестировалось на Opencart/ocStore 2.3, 3.0. Дополнение устанавливается через ocmod. Надеюсь, дополнение поможет Вам сделать Вашу карточку товара информативнее. Пожелания по развитию модуля можно высказать в теме поддержки дополнения. Добавил TeslaFeo Добавлено 19.09.2019 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 2.3 ocStore 3.0 2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 500  
  9. Скачать/Купить дополнение Видео в карточке товара Видео в карточке товара С помощью данного модуля можно любому дополнительному изображению товара привязать видео из youtube. Внимание!!! Ввиду бесконечных изменений в шаблонах, я не могу поддерживать модуль в актуальном состоянии для всех версий шаблонов, поэтому модуль я распространяю бесплатно, "как есть", и только для стандартного шаблона. Любые доработки - платно в личку. Для OC версии 1.5 Архив содержит: vqmod файл video_in_product_oc1.5.xml - заливается в папку /vqmod/xml/ 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 1.5.5.1 Работа гарантируется на шаблоне default Для OC версии 2.x Архив содержит: OCMOD файл video_in_product.ocmod.xml - устанавливается стандартно для Opencart 2.x 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 2.x Работа гарантируется на шаблоне default Как это работает? На странице редактирования товара, во вкладке "изображения", выбираете картинку в качестве preview. Находите, или загружаете видео на видеохостинг Youtube, которое нужно разместить в карточке товара, копируете его идентификатор в поле "Youtube Video". Сохраняете изменения. Видео открывается при клике на изображение во всплывающем окне, видео и картинки перелистываются, так же работает сортировка. Демо! Для стандартного шаблона добавлен вывод превью к видео, если не выбрано дополнительное изображение: Добавил mazein Добавлено 22.01.2016 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
  10. Скачать/Купить дополнение Видео в карточке товара Видео в карточке товара С помощью данного модуля можно любому дополнительному изображению товара привязать видео из youtube. Внимание!!! Ввиду бесконечных изменений в шаблонах, я не могу поддерживать модуль в актуальном состоянии для всех версий шаблонов, поэтому модуль я распространяю бесплатно, "как есть", и только для стандартного шаблона. Любые доработки - платно в личку. Для OC версии 1.5 Архив содержит: vqmod файл video_in_product_oc1.5.xml - заливается в папку /vqmod/xml/ 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 1.5.5.1 Работа гарантируется на шаблоне default Для OC версии 2.x Архив содержит: OCMOD файл video_in_product.ocmod.xml - устанавливается стандартно для Opencart 2.x 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 2.x Работа гарантируется на шаблоне default Как это работает? На странице редактирования товара, во вкладке "изображения", выбираете картинку в качестве preview. Находите, или загружаете видео на видеохостинг Youtube, которое нужно разместить в карточке товара, копируете его идентификатор в поле "Youtube Video". Сохраняете изменения. Видео открывается при клике на изображение во всплывающем окне, видео и картинки перелистываются, так же работает сортировка. Демо! Для стандартного шаблона добавлен вывод превью к видео, если не выбрано дополнительное изображение: Добавил mazein Добавлено 23.01.2016 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
  11. Version 1.0

    1,015 downloads

    Видео в карточке товара С помощью данного модуля можно любому дополнительному изображению товара привязать видео из youtube. Внимание!!! Ввиду бесконечных изменений в шаблонах, я не могу поддерживать модуль в актуальном состоянии для всех версий шаблонов, поэтому модуль я распространяю бесплатно, "как есть", и только для стандартного шаблона. Любые доработки - платно в личку. Для OC версии 1.5 Архив содержит: vqmod файл video_in_product_oc1.5.xml - заливается в папку /vqmod/xml/ 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 1.5.5.1 Работа гарантируется на шаблоне default Для OC версии 2.x Архив содержит: OCMOD файл video_in_product.ocmod.xml - устанавливается стандартно для Opencart 2.x 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 2.x Работа гарантируется на шаблоне default Как это работает? На странице редактирования товара, во вкладке "изображения", выбираете картинку в качестве preview. Находите, или загружаете видео на видеохостинг Youtube, которое нужно разместить в карточке товара, копируете его идентификатор в поле "Youtube Video". Сохраняете изменения. Видео открывается при клике на изображение во всплывающем окне, видео и картинки перелистываются, так же работает сортировка. Демо! Для стандартного шаблона добавлен вывод превью к видео, если не выбрано дополнительное изображение:

    Free

  12. Version 1.0

    492 downloads

    Видео в карточке товара С помощью данного модуля можно любому дополнительному изображению товара привязать видео из youtube. Внимание!!! Ввиду бесконечных изменений в шаблонах, я не могу поддерживать модуль в актуальном состоянии для всех версий шаблонов, поэтому модуль я распространяю бесплатно, "как есть", и только для стандартного шаблона. Любые доработки - платно в личку. Для OC версии 1.5 Архив содержит: vqmod файл video_in_product_oc1.5.xml - заливается в папку /vqmod/xml/ 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 1.5.5.1 Работа гарантируется на шаблоне default Для OC версии 2.x Архив содержит: OCMOD файл video_in_product.ocmod.xml - устанавливается стандартно для Opencart 2.x 2 картинки, заливаются на хостинг Протестировано и реализовано для: ocStore 2.x Работа гарантируется на шаблоне default Как это работает? На странице редактирования товара, во вкладке "изображения", выбираете картинку в качестве preview. Находите, или загружаете видео на видеохостинг Youtube, которое нужно разместить в карточке товара, копируете его идентификатор в поле "Youtube Video". Сохраняете изменения. Видео открывается при клике на изображение во всплывающем окне, видео и картинки перелистываются, так же работает сортировка. Демо! Для стандартного шаблона добавлен вывод превью к видео, если не выбрано дополнительное изображение:

    Free

  13. Version 1.0.0

    288 downloads

    Ранних версиях ocStore 2.1.0.1+ наблюдается такая проблема если в описании при редактировании исходного кода добавить <iframe> с видео YouTube, то при следующем редактировании CKeditor вырезает из кода тэг <iframe> Данное дополнение позволяет решить эту проблему и вставить видео в карточку товара сразу после описания. В Админе в Разделе Данные при редактировании или добавлении товара появится дополнительное поле Ссылка на видео YouTube. В него необходимо вставить ссылку на видео и задать ширину и высоту. Работает на стандартном шаблоне, но по логике будет работать на многих шаблонах, так как видео вставляется после вывода описания - <?php echo $description; ?></div> Делал для своего удобства - выкладываю для общего пользования.

    Free

  14. HTML: <div id="video"> <div class="videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/Zph3K-----" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe> </div> </div> CSS: #video { max-width: 560px; margin: 0 auto; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  15. 300.00 руб Скачать/Купить дополнение CLD YouTube Data API v3 CLD YouTube Data API v3 - дополнение для OpenCart, облегчающее поиск видео для товаров. Благодаря этому модулю Вы сможете найти нужное видео с YouTube прямо в админ панели Вашего сайта, не переключаясь с карточки товара, выбрать видео и вывести его во Frontend. Доступные поля OpenCart для поиска*: Название, Модель, SKU, Location Доступные поля OpenCart для записи ID видео*: Location, SKU, UPC, EAN, JAN, ISBN, MPN * При необходимости будут добавлены поля OpenCart по запросу покупателей. Установка и использование: Лицензия: Тип лицензии на модуль - одна покупка = один домен и его поддомены. Перепродажа модуля, распространение, использование без оплаты лицензии, передача третьим лицам и прочие действия, нарушающие авторское право, запрещены. Техническая поддержка модуля осуществляется только покупателям, соблюдающим условия лицензии. Используется YouTube Data API v3. Автор дополнения не несет ответственности за: 1. Возможное снижение ежедневных(или иных) лимитов запросов к API со стороны сервиса Youtube; 2. Возможные ошибки в API со стороны сервиса YouTube. Дополнение будет обновляться и расширяться при появлении изменений в Data API v3. Добавил cloudrc Добавлено 28.04.2019 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0 2.3 2.2 2.1 1.5.5.1 1.5.5 ocStore 3.0 2.3 2.2 2.1 1.5.5.1.2 1.5.5.1.1 1.5.5.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Да
  16. Version 1.1.0

    Установка и адаптация модуля под шаблон идёт бонусом! Адаптировать под шаблон - это значит сделать так, чтобы модуль заработал на Вашем шаблоне. Изменение внешнего вида в это не входит. Кнопки "Видео товара" и "Закрыть" скорее всего будут отличаться от того что Вы видите в дэмо и на скринах, и зависит от Вашего шаблона. Точно смогу сказать только получив ссылку на сайт Вашего магазина. Пишите в ЛС или по контактам, указанным в профиле. Применение. После установки модуля, в админке, в редактировании товара появится вкладка "Видео", в которой есть возможность вставить ссылку на видео YouTube, а так же есть возможность предварительного просмотра видео в модальном окне. В настройках модуля есть возможность настроить вывод видео двумя способами: "Кнопка + Модальное окно" и "Вкладка". Как это выглядит - можно посмотреть на скриншотах и в демонстрации. Демонстрация: Карточка товара (Кнопка + Модальное окно) Карточка товара (Вкладка) Редактирование товара Настройки модуля Логин/пароль: demo/demo ВНИМАНИЕ! Перед покупкой дополнения, обязательно ознакомьтесь с политикой возвратов. Бесплатная персональная техническая поддержка предоставляется только при выполнении ВСЕХ условий: 1. Пользователь (и домен) должен быть в списке покупателей (и доменов) этого дополнения. 2. Версия движка должна быть в списке заявленных. 3. В коде дополнения не должно быть изменений. 4. В коде движка и БД, в тех частях, с которыми дополнение взаимодействует при установке и работе, не должно быть изменений. 5. Дополнение не работает заявленным образом по вине автора. 6. Пользователь предоставляет все запрошенные доступы. В противном случае, поддержка платная. Дополнение тестировалось на Opencart/ocStore 2.3, 3.0. Дополнение устанавливается через ocmod. Надеюсь, дополнение поможет Вам сделать Вашу карточку товара информативнее. Пожелания по развитию модуля можно высказать в теме поддержки дополнения.

    400.00 RUB

  17. Добрый день, Не могу понять какой нужно написать код для html. Чтобы вывести видео с ютуба. А) Если через ifream тогда можно получить такое Б) Хотел бы чтобы видео не грузила страницу (Запускалась только по клику самого видео) В) Чтобы размер видео менялся в зависимости от через что сморить пользователь, комп, ноут или смартфон. Можно конечно поставить этот модуль - "Видео в товара", но утяжелит ваш сайт, значит увеличится размер структуры DOM.
  18. Скачать/Купить дополнение Видео на странице товара для OCPro 2.3 Unishop За основу был взят vqmod_product_video_tab_1.5.4.1.zip 1.4 от stalker780. Код переделан под то, что имеется в наличии а именно Unishop+Opencart.Pro 2.3.0.2.5 Как ставить - через установку модификаторов. После установки надо обновить кеш модификаторов. После этого в товаре появится вкладка - Видео(см. картинку) На youtube открываете нужное видео, под ним ищете "поделиться", выбираете "html код", выставляете размеры видео и копируете код из окошка. Должно получится что-то вроде: <iframe width="420" height="315" src="http://www.youtube.com/embed/gi3DHl1216U" frameborder="0" allowfullscreen></iframe> Примечание: Модуль создавался и проверялся на OpenCart 1.5.1.3 + vQmod 2.1.4 + default шаблон. был портирован и тестирован на связке OCPro 2.3, Unishop !!!Внимание!!! Каждый ролик должен быть внесен одной отдельной строкой. Иначе в закладке будет неправильно отображаться количество роликов. Модуль считает количество переносов "/n" в поле "youtube_code". В таком случае не важно в какой тег вы вставляете видео <iframe> <object> и пр. Модуль распространяется as is. Поддержку не оказываю. Если хотите отблагодарить - пишите в личку:) Добавил splka Добавлено 10.11.2018 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3
  19. День добрый, видел много модулей, которые позволяют адекватно вставить видео с ютуба в описание товара, есть ли подобное для instagram? Главный фактор корректная работа в мобильной версии и совместимость с шаблоном LUXURY. Платный или бесплатный - это вторично.
  20. Скачать/Купить дополнение Video from YouTube Field in Product Ранних версиях ocStore 2.1.0.1+ наблюдается такая проблема если в описании при редактировании исходного кода добавить <iframe> с видео YouTube, то при следующем редактировании CKeditor вырезает из кода тэг <iframe> Данное дополнение позволяет решить эту проблему и вставить видео в карточку товара сразу после описания. В Админе в Разделе Данные при редактировании или добавлении товара появится дополнительное поле Ссылка на видео YouTube. В него необходимо вставить ссылку на видео и задать ширину и высоту. Работает на стандартном шаблоне, но по логике будет работать на многих шаблонах, так как видео вставляется после вывода описания - <?php echo $description; ?></div> Делал для своего удобства - выкладываю для общего пользования. Добавил artemmc Добавлено 05.11.2017 Категория Модули Системные требования Сайт разработчика https://startem.pro Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.1 2.0 ocStore 2.2 2.1 OpenCart.Pro, ocShop Не проверялось
  21. Добрый день русская сборка Version 3.0.1.2 (rs.1) шаблон дефолтный http://larecigrushek.ru/ Коллеги Подскажите, хочу вставить видео, чтобы при открытии автоматически запускалось Подскажите какой код и куда прописать. Заранее благодарю http://larecigrushek.ru/
  22. Собственно ищу модули или функционал для загрузки видео в карточку товара, можно на место фото, можно в описание или в отдельный таб. Еще раз повторюсь своего видео mp4 а не сервисов вмео или ютуб.
  23. Доброго времени суток, у меня вопрос следующего характера, как сделать видео на главной, в мобильной версии адаптивным? Чтобы было по средине, сейчас выходит за пределы страницы. Open Cart 2.1
  24. Version 1.4

    2,445 downloads

    Данный модуль добавляет закладку Видео в расширенной информации о товаре, а также в админке. Установка: 1. запустить запрос в phpMyAdmin: ALTER TABLE `oc_product` ADD `youtube_code` TEXT NOT NULL ; Вместо oc_ подставить ваш префикс таблиц. 2. скопировать xml файл в "корень_магазина/vqmod/xml/" 3. на youtube открываете нужное видео, под ним ищете "поделиться", выбираете "html код", выставляете размеры видео и копируете код из окошка. Должно получится что-то вроде: <iframe width="420" height="315" src="http://www.youtube.com/embed/gi3DHl1216U" frameborder="0" allowfullscreen></iframe> Примечание: Модуль создавался и проверялся на OpenCart 1.5.1.3 + vQmod 2.1.4 + default шаблон. !!!Внимание!!! Каждый ролик должен быть внесен одной отдельной строкой. Иначе в закладке будет неправильно отображаться количество роликов. Модуль считает количество переносов "/n" в поле "youtube_code". В таком случае не важно в какой тег вы вставляете видео <iframe> <object> и пр.

    Free

  25. Здравствуйте, я новичок, пока нет возможности содержать постоянную техподдержку, а всякие мелкие вопросы по работе в админке появляются. Подскажите пожалуйста - есть ли обучающее видео на русском по структуре админки, Буду очень признательна за ссылки.
×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.