Как добавить видео на HTML-страницу

Этот туториал покажет, как добавить видео на HTML-страницу.

Видео с YouTube

1. Откройте видео на сайте YouTube, правой кнопкой мышки кликните по видео и в выпадающем списке выберите опцию Получить код для встраивания (Get embed code). Скопируйте этот код.

   

2. Вставьте скопированный код в желаемое место в .html файле и сохраните изменения.

   

3. Обновите страницу и просмотрите изменения на сайте.

   

Видео с Vimeo

1. Откройте видео на сайте Vimeo и кликните по иконке Поделиться (Share). Вы можете изменить дизайн видео, кликнув по ссылке Показать опции (Show options). Скопируйте код с поля Вставить (Embed).

   

2. Вставьте скопированный код в желаемое место в .html файле и сохраните изменения.

   

3. Обновите страницу и просмотрите изменения на сайте.

   

Проигрыватель WEB player

1. Сейчас мы покажем, как добавить видео с помощью проигрывателя WEB player. Нам необходимо добавить код, показанный ниже. Код source src="video1.mp4" определяет путь к видео файлу, код type="video/mp4" определяет тип файла. Более подробную информацию о теге video вы можете получить по этой ссылке.

   <video width="320" height="240" controls>
   <source src="video1.mp4" type="video/mp4">
   Your browser does not support the video tag.
   </video> 

2. Вставьте скопированный код в желаемое место в .html файле и сохраните изменения.

   

3. Обновите страницу и просмотрите изменения на сайте.

   

Вы также можете воспользоваться детальным видео туториалом: