Вставляем на сайт видео с ютуб

Здравствуйте, уважаемые читатели!

b9-9

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

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

Сразу оговорюсь, что видеоролики ни в коем случае не следует заливать на сам сайт. Это приводит к его утяжелению, и у Вас на хостинге очень быстро закончится выделенный объем дискового пространства. К тому же и сам сайт станет долго загружаться, что совсем не способствует положительным поведенческим факторам.

Получаем код видео с ютуба.

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

Допустим, я хочу разместить в своей статье видео молодого, но очень талантливого и уважаемого мной программиста Михаила Русакова «Верстка сайтов». Вот этот ролик на ютубе. 

b1-1

Внизу есть кнопка «Поделиться», я на нее указал стрелкой. Жмем по ней. В раскрывшемся меню кликаем по «HTML-код». 

b2-2

Появляется выделенная синим строчка кода. И сразу под ней будет кнопка «Еще». Нажимаем по ней, видим такую картину. 

b3-3

Нам надо снять галочку с «Показывать похожие видео после завершения просмотра». Это нужно, чтобы человек не увлекся роликами и не покинул наш сайт. Потом надо раскрыть «Размер видео», кликнув по треугольничку, а в выпадающем меню выбрать «Другой размер». Открывается такая картина. 

b4-4

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

b5-5

Вставляем код в статью.

Теперь надо скопировать полученный код и вставить его в нашу статью. Находим место, где мы хотим видеть ролик. В тексте в этом месте делаем абзац (жмем Enter) и ставим, например, кучу восклицательных знаков. Если хотим, чтобы видео разместилось по центру, то эти восклицательные знаки тоже ставим по центру. Они сами нам не нужны, но их очень легко будет найти в коде, вот в чем вся фишка. Вот так выглядит текст в режиме «Визуально». 

b6-6

А вот так в режиме «Текст». 

b7-7

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

b8-8

Как выясняется, все очень просто, если знать как делать.

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

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

С уважением, Владислав Заболотный.

Поделитесь статьей в соцсетях.

Комментарии (9) на “Вставляем на сайт видео с ютуб”

  • Андрей:

    Спасибо большое! Научились вставлять видосики себе в блог! Думаю теперь будет моим читателям интересней его читать…

  • Владислав, я это делать умею, но заметку прочитала. Как говорится: «Повторение — мать учения!»

    • Владислав Заболотный:

      На самом деле вопрос не праздный. Я в свое время через поиск Яндекса искал как это сделать.

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

    • Владислав Заболотный:

      Если где-то можно обойтись без плагина, то лучше так и делать.

  • Константин, добрый вечер!
    Спасибо за статью, я искала эту информацию.
    Подскажите, вставлять можно любой ролик с ютуб, это не возбраняется? К примеру, чью-то медитацию ( по моей теме).

  • Владислав, простите меня, пожалуйста. Только что отвечала на письмо Константина, машинально поставила его имя!

    • Владислав Заболотный:

      Ничего страшного, я понял, что опечатка)))) Но мы этот вопрос вчера в личке обсудили)

Оставить комментарий

Свежие комментарии
Хотите зарабатывать?