目录

onended 事件

❮上一节活动参考下一节❯

示例

音频结束时调用函数：

<audio onended="myFunction()">

亲自试一试 »

下面有更多示例。

描述

这个onended事件发生时音频/视频已结束。

这个onended事件对于像 "thanks for listening" 这样的消息很有用。

音频和视频事件

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

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 onended=" myScript">

亲自试一试 »

在 JavaScript 中：

object.onended = function(){ myScript};

亲自试一试 »

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("ended", myScript);

亲自试一试 »

技术细节

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

更多示例

示例

视频结束时调用函数：

<video onended="myFunction()">

亲自试一试 »

浏览器支持

onended是 DOM Level 3 (2004) 功能。

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


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

❮上一节活动参考下一节❯