Атрибут preload
Синтаксис
HTML
<video preload="[значение]"> ... </video>
Описание
Атрибут / параметр 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 | |
Значения
- auto
- Указывает на то, что браузер может самостоятельно расставлять приоритеты в области предварительной загрузки файла. В данном случае браузер может поставить потребности пользователя на первое место, но без риска для сервера. При этом предварительная загрузка файла может происходить вплоть до полной загрузки указанного ресурса.
- metadata
- Указывает, что необходимо произвести предварительную загрузку метаданных файла (размеры, список дорожек, продолжительность, и т.д.) и при необходимости загрузить несколько первых фрагментов видео файла.
- none
- Отменяет предварительную загрузку файла. Данное значение помогает серверу минимизировать ненужный трафик, но при этом оно может увеличить ожидание перед началом воспроизведения видео файла (потраченное время ожидания уйдёт на загрузку определённого объёма файла достаточного для начала воспроизведения).
Значение по умолчанию: зависит от агента пользователя.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр preload (Элемент video)</title>
</head>
<body>
<h1>Пример использования атрибута "preload"</h1>
<video width="500" height="375" controls="controls" preload="none">
<source src="/examples/multimedia/video/The_New_CLS.mp4" type="video/mp4">
<source src="/examples/multimedia/video/The_New_CLS.webm" type="video/webm">
<source src="/examples/multimedia/video/The_New_CLS.ogv" type="video/ogg">
<p>Ваш веб-браузер не поддерживает элемент "video".</p>
</video>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр preload (Элемент video)</title>
</head>
<body>
<h1>Пример использования атрибута "preload"</h1>
<video width="500" height="375" controls="controls" preload="none">
<source src="/examples/multimedia/video/The_New_CLS.mp4" type="video/mp4">
<source src="/examples/multimedia/video/The_New_CLS.webm" type="video/webm">
<source src="/examples/multimedia/video/The_New_CLS.ogv" type="video/ogg">
<p>Ваш веб-браузер не поддерживает элемент "video".</p>
</video>
</body>
</html>
Параметр preload (Элемент video)