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

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

Когда Вам нужно вставить видео на сайт, например с видео хостинга Youtube, сделать это можно несколькими способами.

Мощный SEO плагин Clearfy

Первый способ — вставить ролик при помощи прописывания кода в нужное место на сайте. 

Для этого идем на сайт youtube, открываем нужное видео. Внизу видео будут расположены несколько кнопок.

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

Нас интересует кнопка «Отправить».

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

Нажимаем на неё. Теперь жмем на кнопочку «Встроить»:

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

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

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

Далее копируем сам код и вставляем в нужное место на сайте.

Второй способ, для сайта на WordPress


В этом случае можно воспользоваться специальным плагином для вставки видео — Video Embedder.

При помощи этого плагина видео можно вставлять не только с Youtube, а также с RuTube, Vimeo и многих других видео хостингов.

Итак, скачиваем плагин по ссылке: http://wordpress.org/extend/plugins/video-embedder/, устанавливаем обычным способом, и активируем.

После активации идем в настройки плагина.

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

Устанавливаем нужный размер видео: ширину и высоту.

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

Теперь для того, чтобы вставить видео, например с Youtube в статью, в нужном месте (переключиться в режим кода) вставьте:

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

Вместо «video_id» нужно вставить id нужного видео. Где его взять? Открываем нужное видео на сайте Youtube, и жмем на кнопку «Отправить».

Появится ссылка:

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

Копируем часть, которая находится после знака «/«, и вставляем на сайте между тегами

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

Сохраняем, обновляем, смотрим. Теперь видео должно проигрываться на Вашем сайте.

В настройках плагина есть раздел «Справка», где подробно расписано как вставить видео из других видео сервисов.

Оцените статью
( Пока оценок нет )
Поделиться с друзьями
Авторский блог Светланы Слободенюк
Добавить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.