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

Опубликовано автором
Tweet

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

Перенос видео с YouTube

Есть несколько способов переноса видео на сайт с YouTube. В хостинге предусмотрена опция «поделиться», достаточно посмотреть на шапку сверху ролика. В YouTube это HTML-код, на который нужно нажать, чтобы выскочила ссылка. Здесь же можно:

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

Необходимо только скопировать HTML-код и использовать его по назначению, а сделать это можно в админке сайта, в котором есть текстовый редактор.

Тег Iframe

Этот тег используется во время добавления видео с использованием HTML-кода и имеет свои особенности, о которых нужно знать. Редактировать параметры видео можно с помощью нескольких основных опций:

  • изменить ширину блока поможет width;
  • высоту редактируют при помощи height;
  • для вставки ссылки используют src;
  • редактирует рамки фрейма – frameborder;
  • посмотреть видео в полноэкранном режиме можно с помощью allowfullscreen.

Это основные опции, позволяющие менять параметры ролика.

Как вставить видео на сайт WordPress и другие ресурсы?

Система WordPress считается одной из самых распространённых. Многие используют её для создания своих блогов и сайтов, поэтому вопрос вставки видео не теряет своей актуальности.  

В этом случае для вставки видео на сайт, необходимо:

  • Зайти в админку и найти опцию «добавить», или «редактировать» записи.
  • В открывшийся текстовый редактор вставить ссылку на видео.

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

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

Если же на сайте нет такой опции и придётся работать с HTML, то можно добавить видео следующим образом:

  • Включить редактор в режиме HTML.
  • Вернуться на YouTube и скопировать ссылку.
  • Вставить ссылку на месте предполагаемого текста.
  • Сохранить добавленные изменения в том же режиме.

Этот способ полезен и в том случае, если есть необходимость подправить некоторые параметры.

Адаптивные видео

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

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

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