批量上传图片和视频 视频全部转为Mp4 前端再用video标签播放
html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta content="telephone=no" name="format-detection">
<meta name="renderer" content="webkit">
<title>单据</title>
<link rel="stylesheet" href="/js/uploadifive/css/uploadifive.css">
</head>
<style>
.weui-cell:before {
border-top: none;
}
.weui-tabbar__label {
text-align: center;
color: #5c5c5c;
font-size: 10px;
line-height: 1.8;
}
.weui-tabbar__labelwhite{
text-align: center;
color: #efefef;
font-size: 10px;
line-height: 1.8;
}
.areaNameDiv .searchable-select-dropdown{
z-index: 1;
}
li+li:before{
content:'';position:absolute;left:15px;right:0;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);z-index:2;}
.list-wrap{
display:-webkit-flex;display:flex;line-height:40px;-webkit-align-items:center;align-items:center;}
.list-wrap .list-left{
color:#808080;white-space:nowrap;}
.list-wrap .need:before{
content:'*';position:absolute;margin-left:-10px;margin-top:2px;font-size:17px;font-weight:bold;color:red;}
.list-wrap .list-right{
-webkit-flex:1;flex:1;margin-left:5px;text-align:right;}
.list-wrap .list-right input{
height:36px;line-height:36px;margin:0;text-align:right;border:none;font-size:14px;font-family:"microsoft yahei";}
.list-wrap select{
direction:rtl;}
.time{
padding:0;padding-right:3px;}
.mui-radio{
text-align:right;}
.mui-radio span{
margin-left:15px;}
.mui-radio label{
display:inline;padding:0;}
.mui-radio input{
position:static;vertical-align:middle;}
.list-wrap textarea{
font-size:14px;}
.list-wrap .file lable