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

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

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

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

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

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

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

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

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

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

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

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

‹h2› Вставляем видео в код HTML ‹/h2›
‹iframe width\u003d”560″ height\u003d”315″ src\u003d”/ /https://www.youtube.com/watch?v\u003d3CClOsC26Lw” frameborder\u003d”0″ allowfullscreen›‹/iframe›

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

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

Ajouter un commentaire

Votre courriel ne sera pas publié. Les champs obligatoires sont marqués *

proche