Как вставить video в html?

Пользователь

от johnpaul.blick , в категории: HTML/CSS , 2 года назад

Как вставить video в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stacy , 2 года назад

@johnpaul.blick  Вставить video в html можно так :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
 <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <video controls>
      <source src="video/1.mp4" type="video/mp4" />
    </video>
  </body>
</html>

Пользователь

от hoyt.jerde , 10 месяцев назад

@johnpaul.blick 

Для вставки видео в HTML можно использовать элемент <video>.


Пример:

1
2
3
4
5
  
  
  Your browser does not support the video tag.


  • width и height указывают размеры видео в пикселях.
  • controls добавляет стандартные элементы управления (воспроизведение, пауза, звук, полоса прокрутки).
  • source указывает источник видео и его тип (можно использовать различные форматы для разных браузеров и устройств).
  • Текст "Your browser does not support the video tag." будет отображаться, если браузер не поддерживает элемент


Также можно добавить другие атрибуты, например autoplay для автоматического воспроизведения или loop для повтора видео.