Атрибут type
Описание
Указывается MIME - тип источника.
Синтаксис
<audio>
<source src='адрес' type=`<MIME-тип>; codecs='кодек'`>
</audio>
<video>
<source src='адрес' type=`MIME-тип; codecs='кодек>'`>
</video>Дополнительно
Вначале указывается MIME-тип, далее после точки с запятой пишется слово codecs, которому присваивается через запятую значение видео и аудиокодека. Если нужно использовать только звук, видеокодек не пишется.
| Видеокодек | Аудиокодек | Контейнер | Атрибут type |
|---|---|---|---|
| Vorbis | Ogg | type='audio/ogg; codecs=vorbis' | |
| Speex | Ogg | type='audio/ogg; codecs=speex' | |
| FLAC | Ogg | type='audio/ogg; codecs=flac' | |
| MP3 | type='audio/mpeg' | ||
| H.264 | AAC | MP4 | type='video/mp4; codecs='avc1.42E01E, mp4a.40.2'' |
| Theora | Vorbis | Ogg | type='video/ogg; codecs='theora, vorbis'' |
| Theora | Speex | Ogg | type='video/ogg; codecs='theora, speex'' |
| Theora | Vorbis | Matroska | type='video/x-matroska; codecs='theora, vorbis'' |
| VP8 | Vorbis | WebM | type='video/webm; codecs='vp8, vorbis'' |
Пример
<!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>Читайте также
Тег <canvas>
Создает область, в которой можно рисовать объекты при помощи JavaScript. Чаще всего используется при создании игр....
Тег <small>
Визуально уменьшает текст....
Тег <input>
Создает текстовое поле, которое может использоваться в различных целях, например от простого ввода пароля, так и до калькулятора....
Тег <title>
Используется в качестве заголовка сайта. Отображается на вкладке браузера и истории. Расположен в head....