Как вставить видео на сайт с YouTube и других ресурсов
Любой материал воспринимается лучше, если он подкреплён примерами, видео и графическими изображениями. И не важно для какого сайта, или блога, готовится информация, лучше если к ней добавить видеоматериал. Так посетителям проще понять то, что хочет передать автор. Кроме того, видео создают непринуждённую атмосферу и помогает добиться расположения аудитории. К сожалению, многие до сих пор не знают, как добавить видео на сайт с YouTube и других сервисов, поэтому попробуем устранить этот недочёт.
Перенос видео с YouTube
Есть несколько способов переноса видео на сайт с YouTube. В хостинге предусмотрена опция «поделиться», достаточно посмотреть на шапку сверху ролика. В YouTube это HTML-код, на который нужно нажать, чтобы выскочила ссылка. Здесь же можно:
- Поделиться роликом в социальных сетях, или скопировать ссылку, чтобы разместить её на другом ресурсе. Также можно переслать ссылку письмом, по электронной почте любому получателю.
- Выбрать необходимый формат видео, который соответствует требованиям. Есть несколько шаблонов, но можно и вручную отредактировать данные.
- Настраивать другие параметры, например, изменить название, или прикрепить описание ролика.
Необходимо только скопировать HTML-код и использовать его по назначению, а сделать это можно в админке сайта, в котором есть текстовый редактор.
Тег Iframe
Этот тег используется во время добавления видео с использованием HTML-кода и имеет свои особенности, о которых нужно знать. Редактировать параметры видео можно с помощью нескольких основных опций:
- изменить ширину блока поможет width;
- высоту редактируют при помощи height;
- для вставки ссылки используют src;
- редактирует рамки фрейма – frameborder;
- посмотреть видео в полноэкранном режиме можно с помощью allowfullscreen.
Это основные опции, позволяющие менять параметры ролика.
Как вставить видео на сайт WordPress и другие ресурсы?
Система WordPress считается одной из самых распространённых. Многие используют её для создания своих блогов и сайтов, поэтому вопрос вставки видео не теряет своей актуальности.
В этом случае для вставки видео на сайт, необходимо:
- Зайти в админку и найти опцию «добавить», или «редактировать» записи.
- В открывшийся текстовый редактор вставить ссылку на видео.
После чего видео автоматически преобразуется и можно увидеть ролик на предварительном просмотре.
В современных редакторах есть несколько режимов, и видео спокойно отображается в обеих вариантах. Только в одном при редактировании видна ссылка, а во втором сразу преобразованное видео.
Если же на сайте нет такой опции и придётся работать с HTML, то можно добавить видео следующим образом:
- Включить редактор в режиме HTML.
- Вернуться на YouTube и скопировать ссылку.
- Вставить ссылку на месте предполагаемого текста.
- Сохранить добавленные изменения в том же режиме.
Этот способ полезен и в том случае, если есть необходимость подправить некоторые параметры.
Адаптивные видео
Если видео имеет конкретные размеры, при просмотре с некоторых устройств могут возникать искажения. Обычно в хороших редакторах предусмотрена опция адаптировать видео, но, если её нет, придётся самостоятельно устранить проблему.
Чтобы подогнать видео под необходимые параметры, нужно вставить код видео в новый DIV и изменить настройки в стилях, или воспользоваться вышеперечисленными опциями в теге Iframe, где можно редактировать все основные параметры.
Таким образом, можно вставить видео с YouTube на любой сайт, через его админку, главное, внимательно перечитать данную инструкцию.