HTML 音频/视频 DOM canplay 事件

let vid = document.getElementById("myVideo");
vid.oncanplay = function() {
alert("可以开始播放视频");
};

更多“自己尝试”的例子见下文。

定义和用法

当浏览器可以播放指定的音频/视频（已缓存足够的内容以开始播放）时，会发生 canplay 事件。

在音频/视频加载过程中，会按顺序发生以下事件：

1. loadstart
2. durationchange
3. loadedmetadata
4. loadeddata
5. progress
6. canplay
7. canplaythrough

浏览器支持

表格中的数字指定了完全支持该事件的第一个浏览器版本。

语法

在 HTML 中

在 JavaScript 中

在 JavaScript 中，使用 addEventListener() 方法

技术详情

更多实例

let aud = document.getElementById("myAudio");
aud.oncanplay = function() {
    alert("可以开始播放音频");
};