fastadmin上传视频后可以预览删除的效果实现

最终效果：

第一步：在add.html和edit.html模版页面添加如下代码

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('video')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-video" class="form-control" size="50" name="row[video]" type="text" value="{$row.video|htmlentities}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="plupload-video" class="btn btn-danger plupload" data-input-id="c-video" data-mimetype="mp4,mp3,avi,flv,wmv,mov" data-multiple="true" data-preview-id="p-video" data-maxsize="1024M"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-video" class="btn btn-primary fachoose" data-input-id="c-video" data-mimetype="mp4,mp3,avi,flv,wmv,mov" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-video"></span>
            </div>
			<ul class="row list-inline plupload-preview" id="p-video"></ul>
        </div>
		<!--<div class="col-sm-10 col-sm-offset-2 col-xs-12" style="color: red;">时长不超过15s，mp4格式，小于1M</div>-->
    </div>

第二步：在require-upload.js文件里面有2个地方需要添加和修改代码

previewtpl2: '<li class="col-xs-3"><a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail"><video src="<%=fullurl%>" onerror="this.src=\'' + Fast.api.fixurl("ajax/icon") + '?suffix=<%=suffix%>\';this.onerror=null;" class="img-responsive" style="width:115px;height:78px;"></video></a><a href="javascript:;" class="btn btn-danger btn-xs btn-trash"><i class="fa fa-trash"></i></a></li>',

var html = tpl ? Template(tpl, data) :data.url.lastIndexOf('.jpg')!==-1 || data.url.lastIndexOf('.png')!==-1? Template.render(Upload.config.previewtpl, data):Template.render(Upload.config.previewtpl2, data);

好了，就这2个文件，这样改一改就能实现上传视频并且可以预览和删除的效果了，其实很简单，我想的很复杂，还使用ffmpeg来生成上传视频的封面图，结果安装ffmpeg

都花了老半天时间，其实只需要把img换成video就能实现视频的预览效果了，走了一点弯路，希望能够帮到有需要的人