Полезное        23 августа 2013        131         10

Как вставить видео на сайт с сервиса YouTube? Легко!

Привет всем!

Сегодня я покажу вам, как вставить видео на сайт с YouTube. Данный сервис является самым посещаемым видеохостингом в мире, поэтому речь в этой статье пойдет именно о нем.

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

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

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

1. Ну, самым, наверное, распространенным случаем среди веб мастеров, является запись собственных уроков с экрана монитора для наглядной демонстрации посетителям. Записал урок, загрузил на видеохостинг YouTube, выложил в блог, а пользователь, просмотрев его, сможет воспроизвести увиденное на своем сайте. Знаете, как загрузить видео на сервис Ютуб? Если нет, ознакомьтесь с этим постом.

2. Видеоролики, красующиеся в постах, делают ресурс краше и интереснее для посетителей.

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

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

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

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

1. Для выбора ролика перейдите на сервис Ютуб по этой ссылке. Найдите подходящую запись и нажмите ссылку «Поделиться»:

как вставить видео на сайт с youtube-1

2. Ниже нажмите HTML — код для ее отображения:

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

3. Не спишите сразу копировать ссылку. В самом низу, как видно из скриншота, есть пункт «Использовать старый код». Я рекомендую вам установить в нем галочку, в противном случае, существует вероятность того, что запись не будет отображаться на странице вашего сайта, т.к. «движок» wordpress порой конфликтует с тегом «<iframe>».

В старом коде данный тег заменяется тегом «<object>», с которым wordpress не конфликтует:

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

Галочку в пункте «Включить режим повышенной конфиденциальности» устанавливать не нужно.

4. Далее, что необходимо сделать, это подогнать масштаб видео под шаблон вашего блога. Размер видео по умолчанию установлен 560х315, вы же можете выбрать более подходящий размер из предложенных вариантов или любой другой:

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

Также можно поменять размеры в самом коде видео, исправив значения «widht» (ширина) и «height» (высота) по своему усмотрению.

5. И теперь остается скопировать отредактированный код, перейти в административную панель ресурса во вкладку «Записи». Зайти в режим «HTML» (в новых версия wordpress — «Текст») и вставить код в запись:

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

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

И последний нюанс, о котором хочется сказать. При вставке данного кода, видео будет прижато к левому краю страницы. Чтобы видео отображалось по середине, заключите весь сгенерированный код в тег <center>:

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

После этого видео аккуратненько впишется в страницу вашего поста:

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

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

Как вам статья? А вы знали, как вставить видео? Может вам известен более простой способ? Жду ваших комментариев!

—>Подписаться на обновления блога<—

С уважением, Николай Коротков

Обсуждение: 10 комментариев
  1. Николай!
    Как вставить чужое видео на свой сайт я знаю,а вот, как загрузить видео на сервис Ютуб было для меня загадкой.
    Спасибо за статью. Теперь буду применять, полученные от Вас знания.

    [Ответить]

    Ответить
  2. Прочитала статью, добавила к себе видео. Здорово. Спасибо за подробное объяснение ❗

    [Ответить]

    Ответить
  3. Creeper:

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

    [Ответить]

    Ответить
  4. Николай! Мне нравится эта идея, но не увеличивает ли эта количество ссылок на другие ресурсы. Не вредит ли это сайту, особенно молодому? 😐

    [Ответить]

    Николай Коротков

    Татьяна
    Так кто вам мешает закрывать ссылки от индексации? Закрывая ссылки, вреда никакого не будет даже для молодого ресурса…

    [Ответить]

    Ответить
  5. Николай, здравствуйте! Не могли бы Вы мне подсказать. У меня на блоге со страниц со статьями не отправляются комментарии, всплывает какое-то окошко, которое через минуту пропадает. С других страниц все отправляется. Может быть это из-за видео в конце статьи. Хотела проверить, удалила видео в одной статье, но окошко в области комментариев все равно появляется. Когда вставляла видео на блог, изменяла его размер. Может что-то сместилось в шаблоне? Как Вы думаете?

    [Ответить]

    Николай Коротков

    Здравствуйте, Ильмира!
    Из-за видео это вряд ли возможно… Проблема в чем-то другом. Сделайте скриншот, всплывающего окошка и пришлите мне его через форму обратной связи, посмотрим, что можно сделать.

    [Ответить]

    Ответить
  6. Николай, здравствуйте! Я отправила снимок на Ваш e-mail. Буду очень Вам признательна! С уважением, Ильмира!

    [Ответить]

    Николай Коротков

    Здравствуйте, Ильмира!
    Все получил. Проверил, как отправляются комментарии на вашем блоге и никаких проблем не обнаружил… Возможно данная рамка видна только администратору, т.е. вам! Попробуйте выйти из административной панели своего ресурса и оставьте комментарий к любой из статей. Если проблема не исчезнет, дайте знать.

    [Ответить]

    Ответить
  7. Как все просто оказывается. хорошо объясняете, с пояснением нюансов — доступно даже такому новичку как я

    [Ответить]

    Ответить

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

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

Поиск по блогу
Подписка на обновления

Введите Ваш e-mail:

rss

twitter

 google

Интересная информация
Хостинг от Макхост

ВОСПОЛЬЗУЙТЕСЬ ПРИ РЕГИСТРАЦИИ КУПОНОМ "blogiseo" И ПОЛУЧИТЕ 3 МЕС. БЕСПЛАТНОГО ИСПОЛЬЗОВАНИЯ ХОСТИНГА ПО ТАРИФУ МАК-10.