0

Тег <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>

Читайте также