HTMLMediaElement: canplaythrough 事件

基线 广泛可用

此功能已很成熟，可在许多设备和浏览器版本中使用。它自 2015 年 7 月.

报告反馈

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

语法

此事件不可取消，并且不会冒泡。

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

oncanplaythrough = (event) => {};

事件类型

js

示例

一个通用的 Event。

这些示例为 HTMLMediaElement 的 canplaythrough 事件添加了一个事件监听器，然后在该事件处理程序对事件触发做出反应时发布一条消息。

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

video.addEventListener("canplaythrough", (event) => {
  console.log(
    "I think I can play through the entire video without having to stop to buffer.",
  );
});

使用 addEventListener()

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

video.oncanplaythrough = (event) => {
  console.log(
    "I think I can play through the entire video without having to stop to buffer.",
  );
};

规范

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

浏览器兼容性

handler-oncanplaythrough

另请参阅