在HTML5视频开始播放时启动功能？

Question

我正试图在HTML5 <video>出现（通过JWPlayer）并开始播放（或开始获取媒体数据或缓冲）时启动一个功能。这就是我所拥有的：

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

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

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

Answer 1

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

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

您可能也对loadedmetadata事件感兴趣。一旦视频的元数据加载（视频持续时间等），就会触发。

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