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

Иногда авторам для лучшего раскрытия мысли необходимо разместить видео в статье. Это может быть видео, которое сняли и загрузили на ютуб или нашли уже готовое и хотите, чтобы оно отображалось на вашем сайте тоже.

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

И так считаем, что видео уже на ютубе и мы хотим вставить его себе на страницу.

Первый шаг, открываем страницу с видео. Нажимаем на кнопку “Поделиться” цифра 1 на рис. 1.

как вставить видео с ютуба на собственный сайт рис.1

1

После чего снизу откроется не большое окно. Нажимаем на кнопку “HTML-код” цифра 2 рис.2.

Ссылка под номером 1 для встраивания видео на страницу в контакте и форумы.

С помощью кнопки под цифрой 3 информацию о видео можно передать по электронной почте.

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

как вставить видео с ютуба на собственный сайт рис.2

2

После того как мы нажмем кнопку 2 откроется окно побольше где будет показано код который необходимо вставить в статью. На рис 3 этот код обозначен цифрой 1.

как вставить видео с ютуба на собственный сайт рис.3

3

В этом окне также можно сделать некоторые изменения с видеороликом, номером 2 обозначены следующие параметры:

“Показать похожие видео после завершения просмотра” — здесь стоит галочка, это значит, что после просмотра данного видео посетителю будут представлены другие ролики схожие по тематике (пример видео в конце этой статьи). Если вы хотите чтобы на вашем сайте показывалось только выбранное вами видео то галочку надо снять.

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

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

В случае если стандартные размеры вас не устраивают можно задать любые другие в колонке, обозначенной на рис. 3, номером 4 при этом пропорции видео будут сохранены.

Теперь перейдем в редактор статей, где вы написали свою статью. Кстати перейдя по этой ссылке можно узнать о возможностях редактора WP. Посмотрим на рис. 4, допустим надпись “Как встраивать видео YouTube на свой сайт” является вашим текстом, чтобы после него вставить видео, а именно код, то необходимо перейти в HTML режим редактора, нажав кнопку, обозначенную цифрой 1 на рис. 4.

как вставить видео с ютуба на собственный сайт рис.4

4

Перейдя в HTML режим, мы вставляем данный код, как показано на рис 5. Кстати в этом режиме нажимая Enter для удобства можно сделать определенное расстояние между текстом и кодом. Однако в опубликованной статье и если во второй раз зайти в этот режим это расстояние пропадет. Для того чтобы в статье было расстояние между текстом и видео необходимо между ними вставить соответствующий код —   или перейти обратно в режим «Визуально» после текста нажать Enter, а затем вновь перейти в HTML режим, тогда появится этот код между текстом и видео.

Пример:

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

 

<iframe width=»560″ height=»315″

src=»http://www.youtube.com/embed/u5lum_vWNMg» frameborder=»0″ allowfullscreen> </ iframe>

Можно нажать Enter несколько раз и количество кодов будет больше, или продублировать код в HTML режиме, это приведет к увеличению расстояния. Хотя после публикации коды могут пропасть, однако расстояние в статье сохранится до момента, когда вы нажмете опубликовать снова.

как вставить видео с ютуба на собственный сайт рис.5

5

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

В редакторе в HTML режиме можно выбрать любой размер плеера, нарушая стандартные пропорции на ваш вкус, причем пропорции самого видео не меняются, это может привести к обрезанию изображения или к добавлению черных полос по бокам или сверху и снизу, в зависимости от размеров которые вы укажете. Не знаю, будет ли это кому-то нужно, но знать о такой возможности не помешает. Число под номером 1 это ширина, а число под номером 2 это высота ютуб плеера.

Перейдя обратно в режим “Визуально” вы увидите вместо кода видео, желтый прямоугольник как показано на рис. 6 под номером 1, не пугайтесь так должно быть. А если нажать на кнопку “Посмотреть” обозначенную цифрой 2, то вместо видео вы увидите пустое место, не удивляйтесь это нормально. Однако, нажав клавишу “Опубликовать” видеоролик появится в статье. Вот мы и вставили видео с ютуба на собственный сайт.

как вставить видео с ютуба на собственный сайт рис.6

6

В некоторых случаях после нажатия на кнопку “HTML-код” как показано цифрой 2 на рис 2. появляется такая надпись “встраивания запрещено пользователем” рис 7. Это означает, что владелец данного видео запретил встраивания его на страницы сайтов и если вы не владелец видеоролика, то таким способом, данный ролик вставить на сайт не получиться. Лично я считаю, что выставлять видео в ютубе и запрещать его встраиванию это как-то не логично, но у каждого свои причины и убеждения. Для тех, кто вставляет собственное видео на сайт, советую разрешать и другим веб мастерам встраивание вашего видео. Чем больше людей увидит видеоролик, тем больше людям захочет узнать о вашем сайте и о вас. А если ролик полезен или интересен, это принесет вам признание и даже славу.

как вставить видео с ютуба на собственный сайт рис.7

7

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

Я постарался изложить информацию доступно и кратко, однако кратко не очень получилось, хотя тема не обширная. О ней можно рассказать еще много, например как вставить видео с ютуба на свой сайт с помощью плагина YouTube Player и многое другое, однако этой информации достаточно. И хотя я не профессионал, я уверяю вас что этот метод работает и я сам им пользуюсь. Если есть какие-то вопросы или что-то не получается, изменились правила на сайте ютуб. Пишите попробуем разобраться с проблемой. Успехов вам в написании статей.