Существует множество способов добавления видео на сайт. Мы рекомендуем использовать плееры youtube и vimeo. Они уже интегрированы в систему управления сайтом и позволяют роликам отображаться хорошо на любом устройстве.
Плеер ВКонтакте не интегрирован в систему, но вы можете добавлять видео из этой социальной сети. Рассмотрим подробно как добавить видео из ВКонтакте на сайт.
1. Откройте страницу с нужным видеороликом на сайте vk.com.
2. Под видео нажмите на меню Еще и выберите из списка пункт Экспортировать.
3. В открывшемся окне задайте подходящие параметры для ролика и не закрывайте окно настроек.
4. Откройте в отдельной вкладке систему управления сайтом и перейдите в редактирование страницы, на которой хотите разместить видео. Добавьте Виджет Встроенный код, перетянув его в нужную область страницы.
5. Нажмите кнопку Добавить код, скопируйте весь код, добавленный ниже, и вставьте в Виджет Встроенный код.
Код для копирования:
<style>
.vk-wrap {
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.vk-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}
</style>
<div class="vk-wrap">
<!--Ниже добавьте код ВКонтакте-->
</div>
Результат должен выглядеть так, как на скриншоте:
6. Далее вернитесь на вкладку с вашим роликом на vk.com и скопируйте содержимое поля Код для вставки.
Добавьте скопированный фрагмент в ранее добавленный код в системе управления сайтом перед закрывающим тегом </div>. Должно получиться так:
Не забудьте сохранить изменения.
В результате вы получите ролик, который будет встроен на сайте и будет хорошо отображаться на любом устройстве.