English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список HTML тегов

HTML: <source> тег

Элемент HTML <source> позволяет указать несколько ресурсов для элементов <picture>, <audio> или <video>. Это пустой элемент. Обычно используется для предоставления одинакового контента в различных форматах, поддерживаемых различными браузерами.

Онлайн пример

Видеоплеер с тремя источниками. Браузер выбирает поддерживаемый им формат файла (если поддерживаются все, то можно выбрать любой):

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега source в HTML (Основной учебник сети oldtoolbag.com)</title>
</head>
<body>
<video controls>
　　<source src="movie.webm" type="video/webm">
　　<source src="movie.ogg" type="video/ogg">　
　　<source src="movie.mov" type="video/quicktime">
　　Извините, ваш браузер не поддерживает HTML5 видео.
</video>
</body>
</html>
Проверьте, поддерживает ли ваш браузер HTML5 видео.‹/›

Браузерная совместимость

IEFirefoxOperaChromeSafari

IE 9+, Firefox, Opera, Chrome и Safari поддерживают тег <source>.

Примечание:Браузеры IE 8 и более ранние версии не поддерживают тег <source>.

Определение и руководство по использованию тегов

Тег <source> определяет ресурсы媒体 для элементов媒体 (например, <video> и <audio>).

Тег <source> позволяет определить два видео/аудио файла, чтобы браузер мог выбрать тип или декодер媒体 на основе поддержки.

Различия между HTML 4.01 и HTML5

Тег <source> является новым тегом в HTML5.

Свойство

New: Новые свойства в HTML5.

СвойствоЗначениеОписание
mediaHTML5media_queryОпределяет тип ресурсов媒体, для того чтобы браузер решил, следует ли загружать.
srcHTML5URLОпределяет URL файла媒体.
typeHTML5MIME_typeОпределяет MIME тип ресурсов媒体的.

Глобальные свойства

Поддержка тега <source> Глобальные свойства HTML.

Свойства событий

Поддержка тега <source> Свойства событий HTML.

HTML: <span> тегHTML: <small> тег