HTMLMediaElement: canplay 事件

基线 广泛可用

此功能已完善，可在许多设备和浏览器版本上运行。自 2015 年 7 月.

报告反馈

当用户代理可以播放媒体，但估计尚未加载足够的数据来播放媒体至其结束而无需停止以进一步缓冲内容时，将触发 canplay 事件。

语法

此事件不可取消，也不冒泡。

在像 addEventListener() 这样的方法中使用事件名称，或设置事件处理程序属性。
addEventListener("canplay", (event) => {});

oncanplay = (event) => {};

事件类型

js

示例

一个通用的 Event。

以下示例添加了 HTMLMediaElement 的 canplay 事件的事件监听器，然后在该事件处理程序对事件触发做出响应时发布消息。

在像 addEventListener() 这样的方法中使用事件名称，或设置事件处理程序属性。
const video = document.querySelector("video");

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

使用 addEventListener()

在像 addEventListener() 这样的方法中使用事件名称，或设置事件处理程序属性。
const video = document.querySelector("video");

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

规范

使用 oncanplay 事件处理程序属性
规范
# HTML 标准
规范
# event-media-canplay

浏览器兼容性

handler-oncanplay

另请参阅