Тег <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>
Читайте также
Тег <data>
Предназначено для внешних автоматизированных систем или скриптов на страничке, представляющее соб...
Тег <td>
Используется для обозначения ячейки таблицы.
Тег <bdo>
Определяет направление вывода текста. Часто используется с языками, где чтение происходит справа ...
Тег <select>
Используется в качестве выпадающего списка. Используется с элементом <span class='sa...
Тег <style>
Используется для добавления CSS на web - страницу.<br>Обычно его располагают внутри <spa...