User Avatar

Тег <source>

Описание

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

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

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

Синтаксис

<audio>
<source src='...'>
</audio>
<video>
<source src='...'>
</video>
<picture>
<source srcset='...'>
</picture>

Атрибуты

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='https://mfs.gki-webik.ru/s?path=/video/video.ogv' type=video/ogg; codecs='theora, vorbis'>
<source src='https://mfs.gki-webik.ru/s?path=/video/video.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/video.mp4'>Скачайте видео</a>.
</video>
</body>
</html>

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

Тег <rp>

Выводит текст в браузерах, которые не поддерживают ruby. В остальных браузерах текст, заключенный в тег rp, не отображается....

Тег <sub>

Используется для визуального отображения текста в нижнем индексе....

Тег <li>

Тег li элемент списка ul и ol....

Тег <canvas>

Создает область, в которой можно рисовать объекты при помощи JavaScript. Чаще всего используется при создании игр....