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

Как вставить видео с Youtube на сайт — именно этот вопрос интересует многих начинающих веб мастеров и владельцев мультимедийных сайтов. К радости новичков, для того, что вставить видео на сайт, необязательно обладать какими то сверхъестественными способностями.  Достаточно сделать несколько не хитрых операций или же прибегнуть к помощи специальных плагинов, если на своем ресурсе вы намерены использовать видео галерею. Обо всем этом, вам расскажет данная статья про коды, видео хостинг и их интеграцию с сайтом.

Вставка видео на сайт

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

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

Сначала рассмотрим вариант установки видео с Youtube на сайт без плагинов, то есть без применения скриптов. Этот способ подходит для абсолютно любого хостинга, на котором расположен ресурс и для любого движка, на котором этот ресурс базируется. Для этого необходимо пройти на Youtube.com и выбрать подходящий виде офайл, под которым нажать на кнопку «Поделится».

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

Переключитесь на вкладку HTML-код и можете взять сразу готовый фрейм для вставки, либо перейти ниже к вкладке «Ещё». Там вы найдете дополнительные возможности по настройке — изменить размер, настроить элементы управления и т.д.

Копируем HTML код видео и размещаем его на блоге (в моем случае WordPress) в режиме HTML, так как показано на изображении.

Вставка кода в wordpress

Вставка видео плагином Video Embedder

Честно говоря, применение плагинов для вставки видео в современном сайтостроении требуется все реже и реже, так как все видео хостинги научились выдавать хорошо настраиваемый готовый код для вставки. Но если такая необходимость у вас возникнет, то вам поможет плагина Video Embedder. Плагин Video Embedder создает шорткоды, которые упрощают вставку видео и работают практически со всеми популярными видео сервисами — Rutube, Vimeo, Google и так далее. Для размещения видеофайла, необходимо скачать данный плагин через админку вордпресс (он там есть).

Пройдите в настройки  Video Embedder, расположенные во вкладке «Параметры» и узнайте шорткоды, которые необходимы вам для вставки видео на сайт.

video embedder

Суть работы Video Embedder, я приведу на примере вставки видео с YouTube на сайт. Разместите шорткод, который соответствует одному из сервисов, например:

А вместо слов ID видео ролика, вставьте id номер видео файла, который можно узнать из адреса ссылки по которому доступно видео:

вставить видео с Ютуб с плагином

Окончательный вариант должен иметь следующий вид:

Плагин для создания видео-галереи

А теперь рассмотрим способ, с помощью которого на ресурсе можно создать шикарную видео галерею для сайта. Для это нужно скачать и установить на блоге плагин TubePress. Плагин TubePress способен создавать видео галереи на сайте при использовании видеофайлов с Vimeo и Ютуб.

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

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

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