Атрибут preload
Синтаксис
HTML
<audio preload="[значение]"> <source src="..."> ... </audio>
Описание
Атрибут / параметр preload (от англ. "preload" ‒ «предварительная загрузка») указывает браузеру подсказку о желательном варианте предварительной загрузки аудио файла.
Примечание
Необходимо помнить, что данный атрибут (по отношению к исполнению его браузером) носит чисто рекомендательный характер.
Условия использования
Значение атрибута «preload» может быть переопределено атрибутом «autoplay», так как при автоматическом воспроизведении файла начинается постепенная загрузка данных всего аудио файла, независимо от значения указанного в атрибуте «preload».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.7.10.5 Loading the media resource The preload attribute... |
| 5.1 | 4.7.14.5. Loading the media resource The preload attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
- none
- Отменяет предварительную загрузку файла. Данное значение помогает серверу минимизировать ненужный трафик, но при этом оно может увеличить ожидание перед началом воспроизведения аудио файла (потраченное время ожидания уйдёт на загрузку определённого объёма файла достаточного для начала воспроизведения).
- metadata
- Указывает, что необходимо произвести предварительную загрузку метаданных файла (размеры, список дорожек, продолжительность, и т.д.) и при необходимости загрузить несколько первых фрагментов аудио файла.
- auto
- Указывает на то, что браузер может самостоятельно расставлять приоритеты в области предварительной загрузки файла. В данном случае браузер может поставить потребности пользователя на первое место, но без риска для сервера. При этом предварительная загрузка файла может происходить вплоть до полной загрузки файла.
Значение по умолчанию: зависит от агента пользователя.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр preload (Элемент audio)</title>
</head>
<body>
<h1>Пример использования атрибута "preload"</h1>
<p>Рахманинов ‒ Сад Эдема<br>
<audio controls="controls" preload="none">
<source src="/examples/multimedia/audio/Rachmaninov_-_The_Garden_of_Eden.mp3" type="audio/mp3">
Ваш web-браузер не поддерживает HTML элемент «<a href="/html/audio/">audio</a>».
</audio>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр preload (Элемент audio)</title>
</head>
<body>
<h1>Пример использования атрибута "preload"</h1>
<p>Рахманинов ‒ Сад Эдема<br>
<audio controls="controls" preload="none">
<source src="/examples/multimedia/audio/Rachmaninov_-_The_Garden_of_Eden.mp3" type="audio/mp3">
Ваш web-браузер не поддерживает HTML элемент «<a href="/html/audio/">audio</a>».
</audio>
</p>
</body>
</html>
Параметр preload (Элемент audio)