Блог Андрея Юрченко

Авторский блог с полезными статьями по темам: создание сайта, заработок на сайте, заработок в интернете, работа на дому, работа в интернете, инфобизнес

Как разместить видео на сайте

Здравствуйте, уважаемые посетители моего блога. Сегодня я расскажу как разместить видео на своем сайте. Мы разместим не просто ссылку, а встроим сам ролик прямо на страницу сайта. Многие блогеры ведут свои странички, пишут различные статьи и конечно же снимают или подбирают для них подходящие видеоролики. Все эти видеоролики нужно как то разместить на страницах своего ресурса и делать это можно при помощи специального плагина или кода. Давайте разберем эти способы и узнаем как можно разместить видео.

как разместить видео на сайте, разместить видео, плагин для видео, код видео

Плагин для видео

На движке WordPress для установки видеоролика на страницу можно использовать плагин Video Embedder . Установите этот плагин к себе на сайт и активируйте его, далее давайте перейдем в настройки самого плагина и посмотрим что там:

как разместить видео на сайте, разместить видео, плагин для видео

В настройках практически ничего менять не нужно, все и так настроено и готово к работе. Можно поменять размер окна, установите размеры в пикселях так, как вам нужно. Далее давайте разберемся что делать дальше. К примеру, мы хотим разместить ролик с Ютуба, для этого откройте в браузере нужный вам ролик и в адресной строке скопируйте код видео (смотрите как на рисунке):

как разместить видео на сайте, разместить видео, плагин для видео

Это ID ролика, вот его нужно вставить между тегами youtube, как показано на первом рисунке и полученный код можно вставить в нужное место текста вашей статьи. Код обязательно вставляйте как обычный текст, в противном случае ролик не будет работать, для этого в редакторе нужно перейти во вкладку «Текст» или «HTML». Все, ролик появится на сайте. Если не совсем понятно, то смотрите что у вас должно получиться

[youtube]ehPSzv9sWf8[/youtube]

вот такой код вам нужно вставить в нужное место.

Таким же образом можно размещать ролики и с других ресурсов, которые есть в списке плагина. Если вам понадобится разместить видеоролик в сайтбар вашего ресурса, можете воспользоваться плагином Video Sidebar Widgets. Надеюсь все понятно, давайте перейдем ко второму варианту размещения видео.

Код видео

Разместить видеоролик можно при помощи кода самого видео. Для этого давайте рассмотрим пример с тем же You Tube. Откройте нужный видеоролик в браузере и ниже кликните по вкладке «Поделиться» далее по «HTML-код», перед вами откроется следующая картинка:

как разместить видео на сайте, разместить видео, код видео

Здесь можно выбрать нужный размер окна видео. Аккуратно скопируйте полученный код и теперь его можно вставить в нужное место по аналогии как с плагином, т.е. идем в панель управления сайтом и в редакторе по вкладке Текст (или HTML) вставляем код там, где вам нужно.

Теперь можете публиковать свою статью и в ней будет встроен видеоролик. Ниже я разместил видео таким же образом, как мы только что разобрали. Надеюсь вам все понятно, но если возникнут вопросы, я буду рад помочь.

На этом все, пишите ваши комментарии к данной статье

С уважением, Андрей

Поделитесь статьей в социальных сетях!

Подпишись на RSS-рассылку и получай новые статьи на почту!

Введите свой e-mail:

МАГИЧЕСКИЙ ШАБЛОН ПОДПИСНОЙ СТРАНИЦЫ В ПОДАРОК, ЗАБИРАЙТЕ

Оставить комментарий:

Комментарии: 2

Оставить комментарий
  1. Иван:

    С Ютуба можно и без всяких плагинов разместить, интересно как разместить свой ролик, залитый на СВОЙ собственный сайт?

    1. Андрей:

      Иван! Это не сложно.
      1. Как вариант, разместить код плеера на странице и в него вписать путь к видеоролику.
      2. Или через код HTML5 вот такого вида:
      <video id="video" autoplay="autoplay">
      <source src="video/video.mp4"/>
      </video>

      В первой строке-класс, которому можно задать стили и автостарт-если не нужен можно убрать.
      Во второй-путь к ролику.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Комментарии Вконтакте:

Content Tab Three

Блог Андрея Юрченко © 2016

ВВЕРХ