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>

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

Тег <q>

Создает маленькую ( короткую ) цитату в тексте....

Тег <br>

Используется для переноса строки на следующую строку. Использовать тег >2 раз за раз неправильно. Если нужен большой разрыв, то используйте

Тег <option>

Элемент выпадающего списка select....

Тег <noscript>

Контейнер noscript показывает своё содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем. В остальных ...