Яндекс-видео, YouTube, RuTube — как вставить видео на свой сайт

Как вставить видео на свой сайт с различных видео-хостингов — это тема сегодняшнего нашего урока на SeoVast. Как обычно рассмотрим два варианта: решение с помощью плагинов WordPress и встраивание видео на сайт с помощью HTML-кода.

Где можно разместить видео

Прежде всего предлагаю ознакомиться с видео-хостингами, позволяющие добавлять пользовательское видео на бесплатной основе.

Единственный его недостаток — сам сервис тяжело подгружается.

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

Viper’s Video Quicktags

VipersVideoQuicktags — Отличный плагин для размещения видео на своем сайте, добавляет на страницу визуального редактора клавиши быстрого доступа:

На странице с видео-роликом копируем адрес и добавляем в специальную строку. Для настройки размеров вывода видео на своем сайте, переходим в настройки плагина (Новый пункт консоли — Video Quicktags). Здесь есть возможность настроить размеры отображаемого видео для различных сервисов, позволяющих разместить ролики (Так же есть еще несколько сервисов не упомянутых в списке).

Скачать плагин — здесь

К сожалению список сервисов для данного плагина не велик, но выбрать есть из чего. Для более обширного списка, есть довольно популярный плагин WordPress — Video Embedder

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

VideoEmbedder — имеет довольно обширный список всевозможных сервисов (Более 20) и возможность разместить видео-ролики с них на своем сайте. Заходим в новый пункт «VideoEmbedder». Первые два пункта позволяют настроить размер выводимого видео, дальше тег для каждого сервиса:

Что бы с помощью данного плагина вывести видео на сайте необходимо скопировать ссылку страницы с видео-роликом после V= и прописать ее в теге для нужного видео-хостинга

 [youtube]zORv8wwiadQ[/youtube]

Более подробно о копируемой части ссылки можно посмотреть в настройках самого плагина (Список идет сразу после настроек). Все выводимые теги можно настроить по своему усмотрению — к примеру [youtube] сокращаем и просто пишем [tube] или что-то свое.

Скачать плагин — здесь

Как разместить видео с помощью HTML-кода

На мой взгляд самый простой и удобный способ размещения видео на своем сайте. Сегодня любой сервис размещения видео позволяет разместить видео на своем сайте при помощи HTML-кода. Переходим на понравившейся вам сайт, выбираем видео и находим кнопку: «Разместить видео», «Код для вставки на блог», «HTML-код» или подобное. Обычно размещается под видео или при наведении на сам плеер.

Вам предложат либо код плеера с видео (Зависит от сервиса), либо настроить выводимый плеер, на примере dailymotion.com — позволяет скрыть логотип, добавить описание, скрыть данные о видео, выбор цветовой схемы, автоматический запуск. (Как настроить другие видео-хостинги при помощи HTML-тегов и создать свой личный видео-плеер мы рассмотрим в ближайших уроках, не забудьте подписаться на рассылку, что бы не пропустить уроки).

Для вывода плеера по центру используйте тег выравнивания:

<div align="center"> Код плеера </div>

Так же читайте:

• Как заработать на Вконтакте — заработок дома без вложений
• Как легко создать красивый баннер всего за пару минут
• Как быстро сделать кнопку для сайта — генератор кнопок онлайн
• Как увеличить скорость загрузки сайта + сервисы проверки скорости загрузки
• Почта gmail.com от google: как зарегистрировать, вход, настройка почтового ящика на гмейл
• Обзор форума о заработке Forum-Profit. Что интересного?
• Как скачать бесплатно игры на компьютер
• Сервис приема платежей для вашего сайта. Как настроить систему оплаты на сайте
• Сеть партнерских программ Admitad.com — проводит Секретный марафон!