| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0 + | 3.0 + | 10.50 + | 3.1 + | 3.5 + | 2.0 + | 2.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
додає , Відтворює і управляє настройками відеоролика на веб-сторінці. Шлях до файлу задається через атрибут src або вкладений тег <source> . Список підтримуваних браузерами аудіо та відеокодеків обмежений і приведений в табл. 1.
| Браузер | Internet Explorer | Chrome | Opera | Safari | Firefox |
| Аудіо кодеки | |||||
|---|---|---|---|---|---|
| ogg/vorbis | |||||
| wav | |||||
| mp3 | |||||
| AAC | |||||
| Відео кодеки | |||||
| ogg/theora | |||||
| H.264 | |||||
| WebM |
Для універсального відтворення в зазначених браузерах відео кодують за допомогою різних кодеків і додають файли одночасно (див. приклад).
Синтаксис
<video> <source src="URL"> </video>
Атрибути
- autoplay
- Відео починає відтворюватися автоматично після завантаження сторінки.
- controls
- Додає панель управління до відеоролика.
- height
- Задає висоту області для відтворення відеоролика.
- loop
- Повторює відтворення відео від початку до його завершення.
- poster
- Вказує адресу картинки, яка буде від зображують, поки відео недоступне або не чути.
- preload
- Використовується для завантаження відео разом із завантаженням веб-сторінки.
- src
- Вказує шлях до воспроизводимому відеоролику.
- width
- Задає ширину області для відтворення відеоролика.
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE 9 Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> video </title> </head> <body> <video width="400" height="300" controls="controls" poster="video/duel.jpg"> <source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis" '> <source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" '> <source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis" '> Тег video не підтримується у вашому браузером. <a href="video/duel.mp4"> Скачайте відео </a> . </video> </body> </html>
Результат прикладу в браузері Opera показаний на рис. 1.
Браузери
Firefox підтримує кодек WebM починаючи з версії 4.0.