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

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

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

Событие canplaythrough срабатывает, когда устройство может воспроизвести медиафайл, предполагая, что загружено достаточно данных для воспроизведения до конца, без необходимости останавливать буферизацию.

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

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

Памятка: видео может воспроизводиться без остановки:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события oncanplaythrough в аудио/видео 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">
　　Ваш браузер не поддерживает тег HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplaythrough=alert("Can　play　through　video　without　stopping");
</script>　
</body>
</html>

Тестировать, посмотрите ‹/›

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

Событие canplaythrough возникает, когда браузер оценивает, что он может воспроизвести указанное аудио/видео, не останавливая буферизацию.

Когда аудио/видео загружается, происходят следующие события по порядку:

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

IEFirefoxOperaChromeSafari

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

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

Грамматика

В HTML:

<audio|video oncanplaythrough="НекийJavaScriptКод">

В JavaScript:

audio|video.oncanplaythrough=НекийJavaScriptКод;

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

audio|video.addEventListener("canplaythrough", function()
　 {
　 //НекийJavaScriptКод
　 }
);

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

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

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

Использование атрибута oncanplaythrough на элементах HTML

Использование addEventListener() для мониторинга события canplaythrough

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

HTML: <template> тег