HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML 音頻/視頻 DOM loadeddata 事件

loadeddata 事件在第一幀數(shù)據(jù)加載完成后觸發(fā)。

在線(xiàn)示例

提示當(dāng)前幀的數(shù)據(jù)是可用的：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 loadeddata 事件使用-菜鳥(niǎo)教程(cainiaoplus.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  標(biāo)簽。
</video>
<script>
myVid=document.getElementById("video1");
myVid.onloadeddata=alert("Browser has loaded the current frame");
</script> 
</body>
</html>

測(cè)試看看 ?/?

定義和用法

當(dāng)當(dāng)前幀的數(shù)據(jù)已加載，但沒(méi)有足夠的數(shù)據(jù)來(lái)播放指定音頻/視頻的下一幀時(shí)，會(huì)發(fā)生 loadeddata 事件。

當(dāng)音頻/視頻處于加載過(guò)程中時(shí)，會(huì)依次發(fā)生以下事件：

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 loadeddata 事件。

注意：Internet Explorer 8 及之前的版本不支持該事件。

語(yǔ)法

在 HTML 中：

<audio|video onloadeddata="SomeJavaScriptCode">

在 JavaScript 中：

audio|video.onloadeddata=SomeJavaScriptCode;

使用 addEventListener()：

audio|video.addEventListener("loadeddata", function()
{
//SomeJavaScriptCode
}
);

技術(shù)細(xì)節(jié)

以下 HTML 標(biāo)簽支持：	<audio>, <video>
以下 JavaScript 對(duì)象支持：	Audio, Video