HTML5+CSS3模仿优酷视频截图功能示例

需要注意的是，video.canplay事件中获取完属性和一些操作后，一定要removeEventLinstener，否则暂停播放会一直调用此方法。点击事件时，会暂停video，然后在video的位置生成一张图片，使用jquery动画移动到缩略图的位置，然后移除文档，缩略图显示，造成的动画效果。

得到图片之后的上传之类的操作，大家可以自己添加。还有很重要的一点：canvas.toDataURL("image/png");可能需要在服务器中访问才能正常使用，我把写好的页面拖到了tomcat中，大家可以随便启动个什么服务器，不然会报安全问题。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。