Тег <source>
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
Android |
iOS |
9.0+ |
8.0+ |
10.50+ |
3.1+ |
4.0+ |
2.0+ |
2.0+ |
Спецификация
HTML: |
3.2 |
4.01 |
5.0 |
XHTML: |
1.0 |
1.1 |
Описание
Вставляет звуковой или видеофайл для тегов <audio> и <video>. Обобщенно такие файлы называются медийными.
Синтаксис
<audio>
<source src="URL">
</audio>
<video>
<source src="URL">
</video>
Атрибуты
media
Определяет устройство, для которого будет воспроизводиться файл.
src
Адрес файла.
type
MIME-тип медийного источника.
Закрывающий тег
Не обязателен.
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>source</title>
</head>
<body>
<video width="400" height="300" controls="controls">
<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
Тег video не поддерживается вашим браузером. <a href="video/duel.mp4">Скачайте видео</a>.
</video>
</body>
</html>
Результат примера в браузере Chrome показан на рис. 1.
Рис. 1. Воспроизведение видеофайла
Категория:
HTML 5
Видео
Звук