HTML onloadeddata 属性

在 HTML 中，onloadeddata 属性用于定义当浏览器加载指定的视频或音频数据时执行的 JavaScript 代码。

语法

<video onloadeddata="myFunction()">...</video>

<audio onloadeddata="myFunction()">...</audio>

说明

当浏览器已经加载并能够播放指定的视频或音频文件时，onloadeddata 事件将被触发，并执行指定的 JavaScript 代码。

onloadeddata 属性可以与 <video> 和 <audio> 元素一起使用。

示例

<video onloadeddata="showMessage()" width="400" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<script>
function showMessage() {
  console.log("视频已加载成功！");
}
</script>

<audio onloadeddata="showMessage()" controls>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  Your browser does not support HTML5 audio.
</audio>

<script>
function showMessage() {
  console.log("音频已加载成功！");
}
</script>

请注意，以上示例中的代码所执行的操作仅为示范，您可以根据实际需求编写适合自己项目的 JavaScript 代码。

浏览器支持

onloadeddata 属性在所有主流浏览器中均得到支持，包括 Chrome、Firefox、Safari、Opera 和 Internet Explorer。

总结

通过使用 onloadeddata 属性，您可以在浏览器成功加载和准备播放视频或音频文件时执行特定的 JavaScript 代码。这对于需要在某个媒体文件完全加载后执行一些操作的应用程序非常有用。