在 HTML5 视频开始播放时触发功能？答案

【问题标题】：Fire off a function as an HTML5 video starts playing?在 HTML5 视频开始播放时触发功能？
【发布时间】：2012-03-14 10:41:55
【问题描述】：

我正在尝试在 HTML5 <video> 出现（通过 JWPlayer）并开始播放（或开始获取媒体数据或缓冲）时触发一个函数。这是我得到的：

$('video').live('playing', function() {
    alert('Playing!');
});

我正在使用 jQuery .live() 来监听 <video> 元素的创建...在没有 Flash 的 iPad 上，JWPlayer 将创建并插入一个标准 <video> 块通常会。 'playing' 是应该根据此媒体事件列表触发功能的事件： http://dev.w3.org/html5/spec/Overview.html#mediaevents

显然，我做错了。但我错过了什么？

【问题讨论】：

标签： jquery html5-video jwplayer

【解决方案1】：

在视频开始播放之前，“正在播放”事件不会触发。如果这是您要使用的事件，请尝试：

var vid = $('video')[0];
$(vid).live('playing', function() {
    alert('Playing!');
});

您可能还对loadedmetadata 事件感兴趣。一旦加载了视频的元数据（例如视频时长等），就会触发。

var vid = $('video')[0];
$(vid).on('loadedmetadata', function() {
    alert(vid.duration);
});

【讨论】：