Тег <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

Видео

Звук