Как добавить видео из Вконтакте на блог?

04.08.2016 Полезности   2 комментария

Всем, привет! Предлагаю короткую инструкцию по добавлению видео из Вконтакте на блог/сайт. Чтобы встроить видео из ВК на свой сайт, оно должно быть загружено в эту социальную сеть. Если ролик добавлен по ссылке с других видеохостингов (Ютуб, Рутуб, Vimeo и проч.), то встраивается он не через Вконтакте, а через тот ресурс, куда загружен.

Смотрите урок по встраиванию видео из ВК на блог:

Все очень просто. Открываем видео и вверху справа видим 3 иконки. Да, если в ролике сначала запускается реклама – надо подождать пока она проиграет, и только потом иконки появятся.

как вставить видео из вконтакте на блог

Нас интересует иконка «Рассказать друзьям».

Нажимаем на нее и переходим во вкладку «Экспортировать».

код встраивания видео из вконтакте

Здесь выбираем подходящие размеры проигрывателя из предложенных, или указываем свои.

Далее нужно скопировать iframe-код для вставки видео и разместить его на блоге.

Покажу на примере встраивания видео в запись (статью) на своем блоге WordPress.

Заходим в редактор записи, переключаемся на вкладку «Текст» и вставляем код в нужный участок статьи. Чтобы проигрыватель расположился по центру, перед и после кода видео я ставлю теги центрирования: <center> — открывающий тег и </center> — закрывающий. Сохраняю изменения.

встраивание видео из вконтакте в статью на блог wordpress

Готово. Видео из Вконтакте добавлено в статью.

добавить видео из вконтакте на сайт

Если у вас есть вопросы, пишите в комментариях – с радостью отвечу. :yes:

Спасибо за внимание!

С уважением, Виктория Карпова

logo

Комментарии к Как добавить видео из Вконтакте на блог? (2)

  • Елена:

    Виктория, спасибо за статью! Всё действительно просто. А рекламу из видео нельзя убрать?

    • Виктория Карпова:

      Только если видео ваше — не включать в нем рекламу. Из чужого никак не уберете, если только смотрящий не поставит у себя блокировщик рекламы — AdBlock тот же.

Оставить ответ

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)