目录

oncanplaythrough 事件

示例

当视频可以一直播放而不停止时调用函数:

<video oncanplaythrough="myFunction()">
亲自试一试 »

下面有更多示例。


描述

这个oncanplaythrough事件发生时浏览器估计可以玩通过媒体而无需停下来进行缓冲。

音频和视频事件

加载媒体时,这些事件按以下顺序发生:

Event Occurs When
onloadstart The loading of a media starts
ondurationchange The duration of a media is changed
onloadedmetadata The meta data for a media has been loaded
onloadeddata A media frame is loaded
onprogress The browser is loading a media
oncanplay An element's scrollbar is being scrolled
oncanplaythrough The browser estimates it can play a media
onplay A media starts to play
onplaying A media starts or resumes
ontimeupdate The indicated time is changed
onended A media has reached the end

媒体加载或播放时可能发生的事件:

Event Occurs When
onabort The loading of a media is aborted
onemptied A media is empty (already loaded)
onerror An error occurs while loading a media
onpause A media is paused
onratechange The playback rate is changed
onseeked A user has seeked a new media position
onseeking A user start seeking a new media position
onstalled Media data is not available
onsuspend The browser is not getting the media data
onvolumechange The volume of a media is changed
onwaiting A media is waiting for the next frame

也可以看看:

<音频> 对象
<video> 对象


语法

在 HTML 中:

< element oncanplaythrough=" myScript">
亲自试一试 »

在 JavaScript 中:

object.oncanplaythrough = function(){ myScript};
亲自试一试 »

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("canplaythrough", myScript);
亲自试一试 »


技术细节

气泡:
可取消:
事件类型: 事件
HTML 标签: <音频> 和 <视频>
DOM 版本: 3 级活动

更多示例

示例

当音频可以一直播放而不停止时调用函数:

<audio oncanplaythrough="myFunction()">
亲自试一试 »

浏览器支持

oncanplaythrough是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 11