h5视频相关问题总结

目录

前提：

视频上传兼容问题： 

视频上传本地预览：

视频播放兼容问题：

补充 

---

前提：

• 本篇文章所有代码都是react
• 视频所有问题都是针对h5

视频上传兼容问题： 

1. 小米/华为手机/vivo 设置accept时只能识别第一个值 比如accept="video/mp4,image/*"时只能上传视频。
   解决方法：<input>标签不限制上传类型 选择文件后再判断文件类型 (不确定到底有哪些机型存在该兼容问题，所以安卓机统一作此处理)

   <input
     id="fileInput"
     onChange={(e) => this.handleUpload(e)}
     type="file"
    />

   handleUpload=(e)=>{
       if((file.type.indexOf('video') == -1)&&file.type.indexOf('image') == -1){
         Toast('只能上传图片或视频噢')
         return
       }
     }

2. 苹果手机上传视频默认格式为mov 

3. 视频上传后移动端不显示第一帧图片（视频需显示缩略图时）
   解决方法：
   （