HTML Reference Manual

HTML Tag Catalog

HTML Audio/Video DOM canplay event

The canplay event is triggered when the terminal can play the media file, it is estimated that enough data is loaded to play the media until the end, without stopping to further buffer content.

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

Online example

Remind that the video is ready to start playing:

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Audio/Video oncanplay Event Usage - Basic Tutorial (oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Your browser does not support the HTML5 video tag.
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplay=alert("Can start playing video");
</script>　
</body>
</html>

Test to see ‹/›

Definition and usage

The canplay event will occur when the browser can start playing the specified audio/video (buffered enough to start playing).

The following events will occur in sequence when the audio/video is in the process of loading:

Browser compatibility

IEFirefoxOperaChromeSafari

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

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

Грамматика

В HTML:

<audio|video oncanplay="SomeJavaScriptCode">

В JavaScript:

audio|video.oncanplay=SomeJavaScriptCode;

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

.addEventListener("canplay", function(){
　
}
);

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

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

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

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

Использование addEventListener() для прослушивания события canplay

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

HTML: <template> тег