Seo-Бизнес блог Progress-project

Все о создании, продвижении сайтов и заработке в интернете

Обновлённый дизайн блога Progress-project
logotip «Progress-project»
logotip «Progress-project»

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

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

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

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

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

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

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

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

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

Как именно создать свой канал на ютубе и размещать на нём видео, вы сможете узнать из следующих статей 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. Желаю вам всего доброго до новых встреч!

С уважением, автор блога!
© progress-project
★Обновлено:2016-05-21

Введите свой e-mail:

Вы можете поделиться статьёй в социальных сетях:

Ваш комментарий

Внимание! Перед тем, как вставить в комментарий: html, php либо JavaScript, преобразуйте его в HTML сущность!

» Подписаться на комментарии по RSS
Поиск по блогу

Введите свой e-mail:

ВКонтакте Google+ Facebook RSS-лента сайта abrek-ad-abra.ru

Топ комментаторов

Виктор(6)
seoonly(4)
Николай(3)
Олег(3)
Иван(3)

© 2015-2017

SEO-Бизнес блог «Progress-project».

Все материалы, опубликованные на сайте: принадлежат автору и охраняются в соответствии с законодательством РФ.

При использовании материалов сайта гиперссылка на обязательна!



seo-блог