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

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

Здравствуйте уважаемые читатели «Progress-project» — abrek-ad-abra.ru, в сегодняшней статье из раздела ведения блога у нас с вами речь пойдёт о том, как без применения спец-плагинов, с помощью довольно простого html кода можно вставить видео ролик на свой сайт или блог из популярного видео хостинга от Google «YouTube».

Очень часто при написании статьи возникает необходимость для наглядного описания тех или иных действий вставить в статью видео ролики. Это позволяет донести до посетителей более развёрнутую информацию и делает статью и блог в целом более интересным.

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

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

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

Поэтому лучше всего использовать для хранения своих роликов какой либо бесплатный видео хостинг, каких благо в сети на сегодняшний день просто предостаточно. Из всех имеющихся подобных ресурсов я рекомендую использовать видео хостинг от Google под названием «YouTube».

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

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

Как именно создать свой канал на ютубе и размещать на нём видео, вы сможете узнать из следующих статей abrek-ad-abra.ru, можете подписаться на обновления, чтобы не пропустить. А сегодня мы рассмотрим способ вставки на свой сайт уже имеющихся на «YouTube» видео роликов.

Итак отправляемся на youtube, где подбираем необходимый для вставки на свой сайт видео ролик.

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

Теперь его можно вставить в статью в html режиме редактора и ролик у вас уже будет проигрываться.
Примерно всё то же самое происходит и с добавлением видео роликов на свой сайт и с других аналогичных видео ресурсов.

К сожалению в старых версиях WordPress данный html — код работать не будет. Если вы используете для своего сайта WordPress старше «4.2.2» версии, то нужно сделать немного по другому, о чём мы поговорим ниже.

В недавнем прошлом на «YouTube» существовала возможность генерации кода видео который вполне корректно работал на сайтах под управлением WordPress старше «4.2.2» версии, следовало только поставить при его генерации галочку на против пункта «Использовать старый код встраивания». Теперь такой возможности на «YouTube» не стало.

Поэтому мы с вами пойдём другим путём. Сохраняем скопированный на «YouTube» html — код видео у себя на ПК в каком либо редакторе типа Notepad++.

Далее нам понадобится вот такой код:

<iframe src="//ссылка на ролик" width="640" height="480" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Этот код как раз и есть тот самый (старый код) корректно работающий в (старых) WordPress о котором я писал выше. Я взял его из статьи данного блога о создании хлебных крошек на WordPress без плагина, очень полезная статья советую прочесть.

И так вырезаем ссылку на видео ролик из кода взятого на «YouTube», она будет примерно вот такого вида:

www.youtube.com/embed/EDLo2UazpuA

И вставляем её в наш так называемый «старый код» вместо (ссылка на ролик).

И вот теперь получившийся html — код видео мы спокойно можем вставить в необходимое место статьи в режиме html.

Вы можете задать свои размеры, изменив значения в коде на свои:

width="640" ширина
height="480" высота

Вот собственно и всё по поводу вставки видео с «YouTube» на сайт или блог WordPress. Желаю вам всего доброго до новых встреч!

Вам также может понравиться

Как защитить контент сайта от копирования

Как защитить контент сайта от копирования

Муха ползает по экрану — JavaScript

Муха летающая по сайту — скрипт

Как сделать версию сайта для печати

А вы сделали версию сайта для печати?