3:33
Автор: Рубрика: Фишки блоггера 3 комментария

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

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

Как вставить видео на сайт? А зачем его вставлять? Народ любит хлеб и зрелища. Наверное поэтому сайты и блоги со статическим контентом воспринимаются пользователями как книги для детей без картинок. Каждый, уважающий себя, блоггер всегда разбавляет текстовый формат подачи информации тематическими и развлекательными видео- или аудиоподкастами. Таким образом создается динамика на виртуальной площадке и сайт или блог словно оживают.

Как вставить видео на сайт? В этом процессе нет ничего сложного, тем более сегодня, когда для блогов разработаны специальные плагины. Мы рассмотрим в этой статье три способа установки видео на сайт или блог. Пойдем от простого к сложному и в качестве донора возьмем самый популярный видеохостинг YouTube.

Кстати, раз уж мы заговорили о YouTube, предлагаю дополнительно узнать "Как скачать видео с YouTube за два клика". Сам пользуюсь этим способом довольно часто. Очень удобно разбавлять статический контент на своих виртуальных проектах.

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

Заходим на видеохостинг YouTube. В поисковую строку (1) вводим тематический запрос или фразу по теме видео, которое хотим найти. Нажимаем "Поиск" (2), значок лупы.

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

Просматриваем поисковую выдачу и отбираем видео, которое нам подошло. Далее находим под плеером ссылку "Поделиться".

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

Если вы планируете раскручивать свое или чужое видео, обязательно поделитесь им во всех социальных сетях (1). Таким образом вы сразу обеспечите большое количество просмотров, при условии наличия друзей или участников групп.

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

Никогда не используйте ссылку (4) для рекомендации видео. Она иногда срабатывает не корректно. Приучайтесь копировать ссылку из адресной строки (3). При этом учтите, что сама ссылка заканчивается перед значком &. В моем примере ссылка прямая без лишних знаков и символов, но бывает иначе.

Если нужно просто установить видео на сайт, то жмем "HTML код" (2).

Как установить видео на сайт

Ставим галочки в нужных чекбоксах (1). Лично я пользуюсь только нижним. Из выпадающего меню (2) выбираем необходимый оптимальный размер плеера. В противном случае, если переборщите с размером, исковеркаете дизайн шаблона. После этого копируете html код (3). Обязательно проверьте, чтобы код был выделен полностью! Используйте ползунки для прокрутки (4).

Нажимаете на выделенном коде правую кнопку мыши и выбираете "Копировать" или сочетание клавиш "Ctrl+C". После этого заходите в админ панель вашего блога или открываете страницу сайта в текстовом редакторе и вставляете код в нужное место.

Если ваш блог на WordPress, то при добавлении новой записи выбираете "Текст" - вкладка справа вверху и вставляете html код. Для тех кто не понял, ниже будет видео урок.

Как вставить видео на сайт при помощи плагина

Если ваш блог или сайт работает на движке WordPress, то можно установить видео с YouTube практически за один клик. Для этого нужен специальный плагин Viper's Video Quicktags.

Установка плагина стандартная. В панели управления выбираем вкладку "Плагины" (1) --> "Добавить плагин" (2).

Как установить видео на сайт

В специальное поле (3) вводим название плагина и жмем "Найти" (4). Из таблицы поиска выбираем искомый плагин и нажимаем "Установить". Иногда после установки нужно еще и активировать плагин, если активация не произошла автоматически. Просто проверьте во вкладке "Установленные плагины" его состояние.

Начальная настройка Viper's Video Quicktags очень простая. Вам нужно выбрать видеохостинги, с которых планируете вставлять видео, настроить дизайн плеера и подогнать размер видео под плеер. Покажу все в видео уроке ниже.

А вставляется видео на сайт в один клик. Нажимаете на специальный значок (1), который появится в вашем редакторе после установки плагина и вставляете ссылку в специальное поле (2). Жмете "Okay" (3) и наслаждаетесь трансляцией выбранного видео прямо на вашем сайте или блоге!

Как установить видео на сайт

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

YouTube Трейлер

 

Как самому собрать видеоплеер для вставки видео на сайт

Этот способ требует наличия платного хостинга, базовых знаний html и немного терпения при сборке плеера. Поэтому я решил пока не публиковать урок, а подождать ваших комментариев к этой статье. Если найдутся желающие заняться сборкой и установкой видеоплеера к себе на сайт, то тогда обязательно запишу видео урок.

Пример видеоплеера можно посмотреть на странице "Рассылка" в конце статьи. Сам собирал:)

Анекдот выпуска:

Хозяйке на заметку: выходя из интернета, почисти историю и оставь открытой одну вкладку с рецептами борща.

Всегда ваш, Алексей Мельянок.

Ваш вопрос, мой ответ!

Навигация по блогу

Подпишись на обновления:

Читать в Яндекс.Ленте
Мой канал на YouTube
Внимание!
Подарки

4 подарка для Вас по заработку в интернете! Просто нажмите ЗДЕСЬ

 

 

Хочешь получать статьи этого блога на почту?
Новости блога
Новые статьи блога
3 комментария
  • Эрик

    Да, сейчас без видео контента все труднее завоевать внимание читателей

    2014-05-30 в 11:30 | Ответить
    • admbebs

      Медиаконтент имеет очень сильное воздействие на сознание.

      2014-05-31 в 9:46 | Ответить
  • Ирина

    Ну Вы трудоголик, Алексей!
    Такая объёмная стаья, столько скриншотов со стрелками: разбираться, да разбираться!А Вы ведь всё это написали и зарисовали!
    Я буду в этом разбираться, потому что без видео на сайте сегодня уже невозможно представить блоггинг.

    2014-05-31 в 8:35 | Ответить
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: