Как добавить видео

Варианты добавления видео на сайт

Существуют различные варианты добавления видео к себе на сайт, каждый из вариантов имеет свои особенности отображения:

  1. Блок с видео на Составной странице — различные варианты размещения видеоплеера с другими текстовыми и графическими блоками.

  2. Блок видео-баннера на Составной странице — широкоформатный видеоплеер на всю ширину страницы без звука и с автовоспроизведением.

  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.

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

Наиболее распространенные идеи для создания видео-портфолио:

  • Отдельная Составная страница с произвольной комбинацией блоков с видео.

  • Галерея альбомов с размещением в каждом альбоме по одному видео.

  • И самый простой вариант — страница Альбома с видео.