HTML5 页面video标签视频加载播放空白

bug现象 : 空白 

原因 : video标签不支持我自己视频的编码格式   

注: 此处所说的编码格式不是指文件后缀 mp4 , RMVB , avi等 , 同一种后缀视频也会有不同编码格式

video标签支持的视频编码格式如下 , 借鉴网址:https://blog.csdn.net/houerfei/article/details/53264083

搜索下载了一个<格式工厂> , 将视频编码格式转换成了H264格式 , 问题最终得到解决: 

以下为格式工厂使用方法 : 选择视频选项  , 还有你要转换的视频后缀格式;

在弹出窗口选择输出配置; 

在下拉框中选中AVC(H264)编码格式

确定后点击 添加文件 , 选择你要转换的视频文件;

然后点击确定

在弹出页面中选中你要转换的视频文件 , 点击上方开始 , 等待完成即可 , 查找生成文件目录可右击鼠标 , 点击输出文件夹 , 整个转换视频编码格式的流程就已经完成了.

把原来不能播放的视频文件替换掉就可以;