html5视频标签播放视频时的事件问题

今天遇到了难题，就是关于视频事件的问题，最终查了一下，解决了。备用说明如下：

video 元素支持三种视频格式：

• Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
• MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
• WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

事件

• loadstart 客户端开始请求数据
• progress 客户端正在请求数据
• suspend 延迟下载
• abort 客户端主动终止下载（不是因为错误引起）
• error 请求数据时遇到错误
• play play()和autoplay开始播放时触发pausepause()触发
• loadedmetadata 成功获取资源长度
• loadeddata资源获取完毕。在当前播放位置加载媒体数据时引发。视频可以开始播放
• waiting 等待数据，并非错误
• playing 开始播放
• canplay 可以播放，但中途可能因为加载而暂停
• canplaythrough 可以播放，歌曲全部加载完毕
• seeking 寻找中
• seeked 寻找完毕
• timeupdate 播放时间改变
• ended 播放结束
• ratechange 播放速率改变
• durationchange 资源长度改变
• volumechange 音量改变
• canplaythrough 在不需要进一步缓冲就可以播放直至文件结束时引发
• emptied 视频对象重置为其初始状态
• stalled 在下载被中断三秒以上时引发。这可以指示网络问题
• waiting 在播放由于视频的下一帧不可用（可能需要缓冲）而停止时引发
• progress 引发此事件以指示正在下载媒体内容。下载完成后停止引发
• durationchange 在 onloadstart 之后和 onloadedmetadata 之前立即引发

播放器应用

• 下载例子 http://www.cuplayer.com/cuplayer/download.html