0

Тег <source>

Описание

Создает источник для элементов audio, video и picture. Браузер автоматически подберет наиболее подходящий.

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

См. код языков.

См. MIME - типы.

Синтаксис

<audio>
<source src='...'>
</audio>
<video>
<source src='...'>
</video>
<picture>
<source srcset='...'>
</picture>
Internet Explorer Edge Chrome Opera Safari Firefox Android WebView Firefox для Android Opera для Android iOS Safari
9 12 8 10.50 4 3.5 2 3.5 11 4
Поддерживается Частичная поддержка Не поддерживается

Атрибуты

media - Определяет, для какого устройства должен воспроизводиться файл.
sizes - Указывает размеры изображений для разных макетов страницы.
src - Указывается адрес к файлу.
srcset - Изображения, которые должны использоваться в разных ситуациях.
type - Указывается MIME - тип источника.

Устаревшие атрибуты

Пример

<!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='300' controls>
<source src='/files/video/video.ogv' type=video/ogg; codecs='theora, vorbis'>
<source src='/files/video/video.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/video.mp4'>Скачайте видео</a>.
</video>
</body>
</html>

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