Видео в описании товаров
Вставляет видеоплеер по ссылке из описания товара, поддерживает постер и останавливает видео при закрытии товара.
Что делает модификация
Вставляет видеоплеер по ссылке из описания товара, поддерживает постер и останавливает видео при закрытии товара.
Требования
Нужен адрес самого видеофайла или совместимого потокового источника, который поддерживает HTML video. Ссылка на страницу YouTube или обычную страницу Kinescope не заменяет прямой источник.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Скругление видео | Параметр 0–200 |
| Толщина границы | Параметр 0–12 |
| Цвет границы | Выберите значение в интерфейсе личного кабинета. |
| Ширина видео, % | Параметр 20–100 |
Пошаговая установка
- Подготовьте каталогИспользуйте каталог в ST300, ST305N, ST310N, ST315N, ST320N или ST330. Откройте нужный товар в разделе «Товары».
- Добавьте ссылкиЗагрузите видео и при необходимости изображение постера в LF Drive. Скопируйте прямые HTTPS-ссылки на файлы. В описании товара вставьте ссылку на видео и выделите курсивом; на следующей строке — ссылку на постер, тоже курсивом. Проверьте, что файлы доступны без авторизации.
- Подключите модификациюВ кабинете настройте рамку и ширину. Готовый код содержит обе части: вставьте его целиком в T123 или HTML-код HEAD.
- Получите код и проверьтеВ личном кабинете нажмите «Сгенерировать код». Скопируйте весь результат, вставьте по инструкции, опубликуйте страницу и проверьте публичный адрес на компьютере и телефоне.
Нужен адрес самого видеофайла или совместимого потокового источника, который поддерживает HTML video. Ссылка на страницу YouTube или обычную страницу Kinescope не заменяет прямой источник.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете. Измените настройки и сгенерируйте код заново: ручное редактирование не требуется.
Почему в редакторе нет эффекта?
Проверяйте опубликованную страницу. Убедитесь, что нужные блоки, классы и ID соответствуют инструкции и на странице установлена только одна копия кода.
Что показывает живой пример?
Пример воспроизводит механику на демонстрационных элементах. На вашем сайте модификация работает с подготовленными элементами Tilda.