Как вставить видео в html

Как вставить видео в html

Если на ваш сайт срочно потребовалось видео, но как сделать это с помощью HTML кода не знаете, то подробную инструкцию по созданию вы найдёте в этой статье. Обратите внимание, что залить видео предварительно нужно любой сервис: Youtube, Yandex video, Vimeo, Rutube, также подойдёт Mail. Только загрузив видео и получив на него прямую ссылку, вы сможете поместить его в код.

1
Зайдите на любой сервис по загрузке видео, в данной статье будет использован пример Youtube. Кликните на серую иконку загрузки справа вверху.

2
Перетащите нужное видео прямо в окно загрузки, либо кликните по нему и выберите директорию с искомым видео вручную.

3
Дождитесь несколько минут, пока файл с видео загрузится. После этого скопируйте ссылку на него в поисковой строке сверху.

4
Теперь возьмём за пример такой код:

Где тег < h2 > Вставляем видео в код HTML < /h2 > – это ваш заголовок к видео, по желанию вы можете его не вставлять в файл вовсе, но с ним пояснение к видео файлу будет понятнее.

Тег <iframe width=”560″ height=”315″ … задаёт высоту и ширину окна видео ролика. Поменяйте его на другие значения, если вам не подходят шаблонные.

Далее строка src=”//https://www.youtube.com/watch?v=3CClOsC26Lw” задаёт ссылку на ваш видео ролик, эту строку вы должны были скопировать на третьем шаге.

И заканчивает код элемент – frameborder=”0″ allowfullscreen></iframe>. Это отменяет рамку видео и закрывает предыдущие теги.

Целый код принимает такой вид:

<h2> Вставляем видео в код HTML </h2>
<iframe width=”560″ height=”315″ src=”//https://www.youtube.com/watch?v=3CClOsC26Lw” frameborder=”0″ allowfullscreen></iframe>

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

Чтобы закрепить материал, посмотрите видео ролик ниже:

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

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

закрыть