Довідники HTML5 video

Що таке video в HTML5?

HTML тег <video> працює лише в деяких браузерах і може додавати відео на сторінку сайту. Адреса відео, яке потрібно відобразити, вказується в тезі source. Вимагає закриваючий тег </video>.

Атрибути:
  • width - встановлює ширину вікна з відео;
  • height - встановлює висоту вікна з відео;
  • src - адреса відео, яке потрібно відобразити;
  • loop - встановлює повторення відео;
  • controls - встановлює панель управління;
  • preload - можливість завантажувати відео разом із сторінкою;
  • poster - зображення, яке відображається, поки відео ще не доступне.
Приклад:
<video width="500" height="400" poster="car.jpg" controls="controls">
   <source src="car.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
   <source src="car.webm" type='video/webm; codecs="vp8, vorbis"'>
   Тег video не підтримується браузером. 
   <a href="car.mp4">Завантажити відео</a>
</video>
Коментарі
Додати коментар

Поки що коментарів немає