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