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

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

Событие loadstart аудио/видео DOM в HTML

Событие loadstart срабатывает, когда браузер начинает загружать ресурс.

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

Уведомление: видео已经开始 загружаться:

Пример

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

Проверьте, как это работает ‹/›

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

Когда браузер начинает искать指定的 аудио/видео, происходит событие loadstart. Это время начала процесса загрузки

В процессе загрузки аудио/видео происходят следующие события в следующем порядке:

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

IEFirefoxOperaChromeSafari

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

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

Грамматика

В HTML:

<audio|video onloadstart="НекийJavaScriptCode">

В JavaScript:

audio|video.onloadstart=НекийJavaScriptCode;

Использование addEventListener():

audio|video.addEventListener("loadstart", function()
　 {
　 //НекийJavaScriptCode
　 }
);

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

Следующие теги HTML поддерживают:	<audio>, <video>
Следующие объекты JavaScript поддерживают:	Аудио, Видео

Более примеров

Использование свойства onloadstart на элементе HTML

Использование addEventListener() для监听 события loadstart

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

HTML: <template> тег