观察媒体播放与事件响应
先看结果,再认识媒体事件
audio、video 用来展示媒体,controls 提供播放控件。观察下面的代码如何响应播放操作。
- 事件:播放、暂停等状态变化发生时,浏览器发出的通知。
- 监听器:收到某类通知后执行的一段处理代码。
- 先预测:点击播放后,控制台会出现什么信息?
- 把播放操作与控制台输出对应起来:是什么操作触发了这段代码?
const video = document.querySelector("video");
video.addEventListener("play", () => {
console.log("开始播放");
});