Тег <video>

Описание

Используется для встраивания видео - файлов на web - сайт.

Для элемента доступны универсальные атрибуты и события.

См. код языков. См. MIME - типы.

Синтаксис

<video>
<source src='адрес'>
</video>

Атрибуты

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='https://mfs.gki-webik.ru/s?path=/images/regular/body-img.jpg'>
 <source src='https://mfs.gki-webik.ru/s?path=/video/video2.mp4' type=video/mp4; codecs='avc1.42E01E, mp4a.40.2'> 
<source src='https://mfs.gki-webik.ru/s?path=/video/video.webm' type=video/webm; codecs='vp8, vorbis'> 
Элемент video не поддерживается вашим браузером. 
<a href='https://mfs.gki-webik.ru/s?path=/video/video2.mp4'>Скачайте видео</a>. 
</video>
</body>
</html>

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