Как вставить видео с Youtube на сайт — именно этот вопрос интересует многих начинающих веб мастеров и владельцев мультимедийных сайтов. К радости новичков, для того, что вставить видео на сайт, необязательно обладать какими то сверхъестественными способностями. Достаточно сделать несколько не хитрых операций или же прибегнуть к помощи специальных плагинов, если на своем ресурсе вы намерены использовать видео галерею. Обо всем этом, вам расскажет данная статья про коды, видео хостинг и их интеграцию с сайтом.
Как вставить видео с YouTube на сайт без плагинов
Немного отклоняясь от темы скажу, что большинство социальных сервисов можно интегрировать в сайт без использования плагинов. Работа с голыми кодами позволит вам сэкономить мощности серверов, на которых размещаются ваши ресурсы, поэтому, стоит потратить немного времени на то, чтобы разобраться также как мы разбирались с добавлением формы комментариев от Вконтакте. Если вы выполнили тамошние инструкции, то со вставкой видео вы справитесь на порядок быстрее.
Сначала рассмотрим вариант установки видео с Youtube на сайт без плагинов, то есть без применения скриптов. Этот способ подходит для абсолютно любого хостинга, на котором расположен ресурс и для любого движка, на котором этот ресурс базируется. Для этого необходимо пройти на Youtube.com и выбрать подходящий виде офайл, под которым нажать на кнопку «Поделится».
Переключитесь на вкладку HTML-код и можете взять сразу готовый фрейм для вставки, либо перейти ниже к вкладке «Ещё». Там вы найдете дополнительные возможности по настройке — изменить размер, настроить элементы управления и т.д.
Копируем HTML код видео и размещаем его на блоге (в моем случае WordPress) в режиме HTML, так как показано на изображении.
Вставка видео плагином Video Embedder
Честно говоря, применение плагинов для вставки видео в современном сайтостроении требуется все реже и реже, так как все видео хостинги научились выдавать хорошо настраиваемый готовый код для вставки. Но если такая необходимость у вас возникнет, то вам поможет плагина Video Embedder. Плагин Video Embedder создает шорткоды, которые упрощают вставку видео и работают практически со всеми популярными видео сервисами — Rutube, Vimeo, Google и так далее. Для размещения видеофайла, необходимо скачать данный плагин через админку вордпресс (он там есть).
Пройдите в настройки Video Embedder, расположенные во вкладке «Параметры» и узнайте шорткоды, которые необходимы вам для вставки видео на сайт.
Суть работы Video Embedder, я приведу на примере вставки видео с YouTube на сайт. Разместите шорткод, который соответствует одному из сервисов, например:
[youtube]ID видео ролика[/youtube]
А вместо слов ID видео ролика, вставьте id номер видео файла, который можно узнать из адреса ссылки по которому доступно видео:
Окончательный вариант должен иметь следующий вид:
[youtube]1WQDApfACyg[/youtube]
Плагин для создания видео-галереи
А теперь рассмотрим способ, с помощью которого на ресурсе можно создать шикарную видео галерею для сайта. Для это нужно скачать и установить на блоге плагин TubePress. Плагин TubePress способен создавать видео галереи на сайте при использовании видеофайлов с Vimeo и Ютуб.
Если вы решили превратить свой блог в видео портал, где основной контент будет представлять собой различные фильмы, клипы и т.д., то такая галерея упростить настройку и сделает сайт удобным для зрителей.