Как добавить видео
Варианты добавления видео на сайт
Существуют различные варианты добавления видео к себе на сайт, каждый из вариантов имеет свои особенности отображения:
  1. 1.
    Блок с видео на Составной странице — различные варианты размещения видеоплеера с другими текстовыми и графическими блоками.
  2. 2.
    Блок видео-баннера на Составной странице — широкоформатный видеоплеер на всю ширину страницы без звука и с автовоспроизведением.
  3. 3.
    Видео на странице Альбома — размещение видеоплеера в рамках страницы Альбома.
Пошагово разберем, как сделать каждый из вариантов.
Добавление видео на сайт реализовано с помощью встраивания видео, размещенных на YouTube, Vimeo, ВКонтакте и других видео-платформах.

1. Добавление видео на Составную страницу

На Составной странице вы можете размещать видео различных размеров в рамках сетки сайта, а также комбинировать видео с любыми другими блоками: текстом, фотографиями, формами и т. д.
Чтобы добавить видео на Составной странице:
  • Откройте страницу на редактирование или создайте ее. Затем нажмите на ссылку «+ Добавить блок»:
  • В открывшемся окне выберите вкладку «Видео», наведите курсор на подходящий вам вариант видео и нажмите кнопку «Добавить».
  • Откройте видео, размещенное на YouTube, Vimeo или ВКонтакте, которое вы хотите разместить и скопируйте ссылку на это видео в адресной строке браузера.
  • Затем вернитесь на вкладку браузера с редактированием вашей страницы и вставьте скопированную ссылку. Нажмите кнопку «Добавить» и сохраните сделанные изменения.
Примеры сайтов c видео на Составной странице:
  • obiektivno.com.ua — видео блоки с текстом на Составной странице.
  • oleglednev.com — Составная страница с видео и разнообразными блоками.
  • skyfilms.lv — Составная страница с видео.
  • antonchainy.ru — Составная страница с видео.
  • ostapenko.net.ua — Составная страница с видео.
  • afilms.com.ua/svadebnoe-video — видео блоки с текстом на Составной странице.

2. Добавление видео-баннера

На Составной странице вы можете разместить широкоформатный видео-баннер, который будет занимать всю ширину сайта. При этом видео будет без звука и запустится автоматически при загрузке страницы. Данный вариант оптимально подходит для размещения имиджевых, фоновых видео.
Чтобы добавить видео-баннер на Составной странице:
  • Откройте страницу на редактирование или создайте ее. Затем нажмите на ссылку «+ Добавить блок».
  • В открывшемся окне выберите вкладку «Видео» и выберите «Видео баннер».
  • Откройте видео, размещенное на YouTube или Vimeo, которое вы хотите разместить и скопируйте ссылку на это видео в адресной строке браузера.
  • Затем вернитесь на вкладку браузера с редактированием вашей страницы и вставьте скопированную ссылку. Нажмите кнопку «Добавить» и сохраните сделанные изменения.
Примеры сайтов c видео-баннером:
  • obiektivno.com.ua — видео-баннер на странице с ценами.
  • valensfilm.com — видео-баннер на главной странице.
  • romanowed.com — видео-баннер на главной странице.
  • miraclemovies.ru — видео-баннер на splash-странице.
  • nikitazhyrko.ru — видео-баннер на главной странице.
  • gotovyy.com — видео-баннер в блоге.

3. Добавление видео в Альбом

На ряду с фотографиями в Альбом можно добавлять видео.
Чтобы добавить видео в Альбом:
  • Откройте Альбом на редактирование или создайте его. Затем нажмите на ссылку «Добавить» и выберите из списка пункт «Видео».
  • Откройте видео, размещенное на YouTube или Vimeo, которое вы хотите разместить и скопируйте ссылку на это видео в адресной строке браузера.
  • Затем вернитесь на вкладку браузера с редактированием вашей страницы и вставьте скопированную ссылку в окно «Добавления видео». Нажмите кнопку «Добавить» и сохраните сделанные изменения.
Примеры сайтов c видео в Альбомах:
  • miraclemovies.ru — альбом в портфолио с видео.
  • shilenok.com — альбом в портфолио с видео.
  • ivangan.ru — галерея альбомов с отдельным видео в каждом альбоме.
  • serdiukmovies.com — галерея альбомов с видео.
  • avoronov.com — альбом с видео.
  • gotovyy.com — альбом с видео.
  • pavelpro100ph.ru — альбом с видео в теме Elko.

Как сделать видео-портфолио

Наиболее распространенные идеи для создания видео-портфолио:
  • Отдельная Составная страница с произвольной комбинацией блоков с видео.
  • Галерея альбомов с размещением в каждом альбоме по одному видео.
  • И самый простой вариант — страница Альбома с видео.
Copy link
Outline
1. Добавление видео на Составную страницу
2. Добавление видео-баннера
3. Добавление видео в Альбом
Как сделать видео-портфолио