Как встроить видео на сайт с подсказками Ирины Лоренс

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

Давайте рассмотрим, как встроить видео на сайт.

Как поделиться видео с ютуба прямо на сайте

Сказать по правде, это только звучит так замысловато – «встроить видео». На деле же это ничуть не сложнее, чем скопировать ссылку и отправить ее другу.

Берем нужный видеоролик и ищем под ним кнопку «Поделиться». После того, как Вы кликнете по ней, у Вас появится три варианта: «Поделиться», «HTML-код» и «Эл. почта». В некоторых видеороликах YouTube уже запустил новую функцию «GIF», так что не исключено, что Вы можете увидеть и четвертую кнопку (подробнее – в статье «Как сделать GIF из видео YouTube»).

Конкретно сейчас нас интересует вкладка «HTML-код».

Переходя по ней, видим код вроде этого:

<iframe width="560" height="315" src="//www.youtube.com/embed/fJm_ZMdSUm8" frameborder="0" allowfullscreen></iframe>

Его мы просто копируем и переходим на сайт, куда будем встраивать видео. Находим вкладку «HTML» или «Исходный код» (в зависимости от системы, на которой Ваш сайт работает, название может варьироваться) и вставляем код, полученный с YouTube.

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

Сохраняем изменения – и ролик с YouTube можно просматривать прямо на Вашем сайте.

Как изменить соотношение сторон видео на YouTube

В HTML-коде слова «width» и «height» (они будут в коде под любым видео) я специально выделила жирным – рядом с ними в кавычках указана ширина и высота Вашего видеоролика. В зависимости от верстки сайта эти цифры можно менять, главное – следить за корректным соотношением сторон.

Для уверенности лучше поручить это дело YouTube. Чтоб изменить соотношение, перед тем, как копировать исходный код, кликаем под ним по кнопке «Еще», а затем выбираем «Другой размер» и останавливаемся на одном из вариантов, предлагаемых хостингом. Если же эти варианты не подходят, можно задать свою ширину или высоту и нажать на клавиатуре «Enter» – оставшийся параметр хостинг выставит пропорционально.

После этого ширина и высота в HTML-коде изменятся автоматически. Копируем код, вставляем на сайт и сохраняем изменения.

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

Интересуешься Youtube? Оставь почту и получай новые статьи
Понравилось? Поделись с друзьями!

Календарь мероприятий

Previous MonthNext Month
Декабрь 2016
Пн Вт Ср Чт Пт Сб Вс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31