onloadedmetadata 事件

加载视频的元数据时调用函数：

下面有更多示例。

描述

这个onloadedmetadata事件发生时元数据对于一个媒体已加载。

音频或视频的元数据包括：

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

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

在 HTML 中：

< element onloadedmetadata=" myScript">

在 JavaScript 中：

object.onloadedmetadata = function(){ myScript};

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

object.addEventListener("loadedmetadata", myScript);

onloadedmetadata是 DOM Level 3 (2004) 功能。

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


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