html - 单击播放按钮时捕获事件

Question

我正在使用 html 视频标签在我的网站上播放视频。我想在用户单击视频中的播放按钮时更新数据库。我怎样才能捕捉到该事件？有人可以帮我吗。提前谢谢。

Answer 1

playing 事件在视频第一次开始播放、暂停后或重新开始播放时触发。
假设您的视频元素的 ID 是 videoclip

var videoElement = document.getElementById('videoclip');
var videoController = videoElement.controller;
if (videoController) {
  videoController.addEventListener("playing", playHandler, false);
}
else {
  videoElement.addEventListener("playing", playHandler, false);
}

function playHandler(e) {
  // This handler will be called when the video starts playing, for the first time, after being paused or when restarting.
}

这HTML5Rocks article介绍了视频元素的事件。
这w3 demo现场演示 Action 。单击视频上的播放按钮，查看每次 playing 事件计数器如何递增。