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

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

Атрибут preload аудио/видео DOM в HTML

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

Страница загружается, и видео начинается:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование атрибута preload аудио/видео в HTML - базовый учебник (oldtoolbag.com)</title>
</head>
<body>
<button onclick="enablePreload()" type="button">Загрузить видео</button>
<button onclick="disablePreload()" type="button">Не загружать видео</button>
<button onclick="checkPreload()" type="button">Проверить состояние загрузки</button>
<br>　
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Ваш браузер не поддерживает тег HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
function　enablePreload();
{　
　　myVid.preload="auto";
}　　
function　disablePreload();
{　
　　myVid.preload="none";
}　
function　checkPreload();
{　
　　alert(myVid.preload);
}　
</script>　
</body>
</html>

Тестирование看看 ‹/›

Определение и использование

Атрибут preload устанавливает или возвращает, начинается ли загрузка аудио/видео сразу после загрузки страницы.
Атрибут preload позволяет авторам предоставлять браузеру советы о том, что, по их мнению, обеспечит наилучший пользовательский опыт. В некоторых случаях этот атрибут можно игнорировать.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают атрибут preload.

Примечание:Internet Explorer 8 и более ранние версии не поддерживают этот атрибут.

Синтаксис

Установка атрибута preload:

audio|video.preload="auto|metadata|none"

Возврат атрибута preload:

audio|video.preload

Значение атрибута

Значение	Описание
auto	Указывает, что после загрузки страницы начинается загрузка аудио/видео.
metadata	Указывает, что после загрузки страницы должны загружаться только метаданные аудио/видео.
none	Указывает, что аудио/видео не должны загружаться после загрузки страницы.

Технические детали

Возврат значения:	Строка значений, auto\|metadata\|none

　Руководство по DOM аудио/видео HTML

HTML: <template> тег