Добавление видео на сайт

В данной статье рассмотрим как добавить видео к товару и на страницы сайта

• Добавление видео к товару
• Как разместить видео на страницах сайта

Добавление видео к товару

Переходим в редактирование товара во вкладку "Видео", далее нажимаем на кнопку "Прикрепить" (рис.1).

Рисунок 1.

В открывшемся окне вам нужно указать название, описание видео и ссылку или код плеере на видео в YouTube  (рис.2).

Рисунок 2.

Либо код  плеера видео (рис.3) и нажимаем "Сохранить".

Рисунок 3.

Чтобы добавить видео с RuTube необходимо использовать код плеере. Копируем id видео и размещаем его в код плеере вида:

<iframe width="720" height="400" src="https://rutube.ru/play/embed/77fdb9310dc52ba29fb365a689c868ca" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
 

Рисунок 4.

Видео появится в клиентской части в карточке товара во вкладке "Видео" и под фотографией товара. Далее покажем каким образом это будет выглядеть.

Видео товара в клиентской части

Данная функция позволяет посмотреть видеоролик, например, с Youtube или  Rutube и это видео будет отображено на месте, где выводится фотография.
Например, такой способ подходит, если у Вас есть отснятый короткий ролик товара, скажем в обзоре 360 градусов, тогда данный ролик будет идеальным дополнением к фотографиям товара.
Иконка в клиентской части, выглядит вот так (рис.5).

Рисунок 5

Нажав на которую появится всплывающее окно с роликом (рис.6).

Рисунок 6.

Вкладка видео при этом никуда не пропала, на неё так же можно перейти и посмотреть видеоролик там (рис.7).

Рисунок 7.

Все готово. Мы с вами рассмотрели добавление фото и видео к товару через административную панель.

Далее рассмотрим как добавить видео на другие страницы сайта.

Как разместить видео на страницах сайта

• Как добавить свое видео на сайт c YouTube
• Как добавить свое видео на сайт c RuTube

Как добавить свое видео на сайт c YouTube

1. Предварительно требуется загрузить свое видео на YouTube.
2. Далее нажимаем на кнопку "Поделиться" под роликом (рис.8).

Рисунок 8.

Выбираем "Копировать" (рис.9).

Рисунок 9.

Вставьте ссылку на видео на любую страницу сайта через встроенный плагин (рис.10 - 11).

Рисунок 10.

Рисунок 11.

Проверяем как выглядит в клиентской части сайта (рис.12).

Рисунок 12.

Далее рассмотрм, как добавить свое видео на сайт c RuTube.

Как добавить свое видео на сайт c RuTube

1. Предварительно требуется загрузить свое видео на RuTube.
2. Далее нажимаем на кнопку "Поделиться" под роликом (рис.13).

Рисунок 13.

Копируем код видео (рис.14).

Рисунок 14.

Размещаем данную ссылку в код вида:

<iframe width="720" height="400" src="https://rutube.ru/play/embed/77fdb9310dc52ba29fb365a689c868ca" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Данный код размещаем на любой странице  сайта через режим "Исходник" (рис.15).

Рисунок 15.

В режиме "Исходник" размещаем код видео и сохраняем (рис.16).

Рисунок 16.

Проверяем как выглядит в клиентской части сайта (рис.17).

Рисунок 17.

Готово.