Тег <video>
Описание
Используется для встраивания видео - файлов на web - сайт.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<video>
<source src='адрес'>
</video>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
9 | 12 | 3 | 10.5 | 3.1 | 3.5 | 4.4 | 4 | 14 | 3 |
Поддерживается | Частичная поддержка | Не поддерживается |
Атрибуты
autoplay - Видео воспроизводится автоматически, когда загрузится.
controls - Создает панель управления. Обязательный атрибут.
height - Задает высоту видеоролика.
width - Задает ширину видеоролика.
loop - Бесконечное воспроизведение.
poster - Адрес изображения, которое будет показано до тех пор, пока не будет воспроизведено видео.
preload - Параметры загрузки видео - файла.
src - Путь к видео - файлу.
Устаревшие атрибуты
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<video width='250' controls='controls' poster='/files/images/regular/body-img.jpg'>
<source src='/files/video/video2.mp4' type=video/mp4; codecs='avc1.42E01E, mp4a.40.2'>
<source src='/files/video/video.webm' type=video/webm; codecs='vp8, vorbis'>
Элемент video не поддерживается вашим браузером.
<a href='/files/video/video2.mp4'>Скачайте видео</a>.
</video>
</body>
</html>
Читайте также
Тег <rtc>
Создает контейнер для текста внутри <span class='samp'>ruby</span>. Ис...
Тег <input>
Создает текстовое поле, которое может использоваться в различных целях, например от простого ввод...
Тег <hr>
Используется для создания горизонтальной черты между блоками.
Тег <section>
Создает раздел сайта. Внутри обязательно должен присутствовать заголовок <span class=...
Тег <sup>
Используется для визуального отображения текста в верхнем индексе.