html视频上传获取预览图,HTML5 video上传预览图片视频如何设置、预览视频某秒的海报帧...

本篇文章扣丁学堂HTML5培训小编给读者们分享一下HTML5 video上传预览图片视频如何设置、预览视频某秒的海报帧，对HTML5开发技术感兴趣的小伙伴就随小编了解一下吧，希望对小伙伴们有帮助。

HTML5 video上传预览图片视频如何设置、预览视频某秒的海报帧

当一收到上传图片视频并可以动态设置视频显示的海报帧的需求时，主要想的是怎么样解析视频并获取保存每帧的图片，百度出来的大多是类似下面这种需要播放video并点击截图的，或者是用php ffmpeg扩展，跟需求不一致，有点抓狂了，然后就先做了视频图片的预览功能，进而对设置海报帧换了种思路，通过输入设置video开始播放的时间，取消自动播放和控制条，这样用户看到的就是一张图片。/*预览*/

$(".qtuploader__items").on("click", "[name="viewVideoPicBtn"]", function() {

var parent = $(this).closest(".qtab__page");

var video = $(this).closest(".qtuploader__itemsbd").find("video");

var srcStr = "", htmlStr = "";

if($(this).siblings(".qtuploader__picinputbox").hasClass("is-error")){

$.fn.toast({

"parentDom": parent,

<