Тег <video> Атрибут <preload>
Используется для загрузки видео вместе с загрузкой веб-страницы. Этот атрибут игнорируется, если установлен autoplay.
поддержка браузерами:
| IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 3.0+ | 10.50+ | 3.1+ | 4.0+ | 2.0+ | 2.0+ |
спецификация:
| HTML: | 3.2 | 4.01 | 5.0 |
| XHTML: | 1.0 | 1.1 |
синтаксис:
<video preload="none | metadata | auto">
</video>значения:
none - Не загружать видео.
metadata - Загрузить только служебную информацию (размеры видео, первый кадр, продолжительность и др.).
auto - Загрузить видео целиком при загрузке страницы.
значение по умолчанию:
none
пример кода:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>preload</title>
</head>
<body>
<video controls preload="metadata">
<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>