HTMLMediaElement: canplay

canplay 事件在终端可以播放媒体文件时（但估计还没有加载足够的数据来播放媒体直到其结束，即后续可能需要停止以进一步缓冲内容）被触发。

是否冒泡 否
是否可取消 否
接口 Event
目标 元素
默认行为 无
事件处理器属性 GlobalEventHandlers.oncanplay

示例

以下示例展示了如何为媒体元素的 canplay 事件添加一个事件监听器，以在该事件触发时发送一条消息。

使用 addEventListener()：

js

const video = document.querySelector("video");

video.addEventListener("canplay", (event) => {
  console.log("Video can start, but not sure it will play through.");
});

使用 oncanplay 事件处理器属性：

js

const video = document.querySelector("video");

video.oncanplay = (event) => {
  console.log("Video can start, but not sure it will play through.");
};

规范

Specification
HTML Standard
# event-media-canplay
HTML Standard
# handler-oncanplay

浏览器兼容性

BCD tables only load in the browser

相关事件

参见