html5 <video>播放mp4格式视频没有图像的解决办法

本文主要介绍在html中引用video标签，没有图像的解决办法。

问题截图如下：

原因：

  MP4有3种编码，mpg4(xdiv),mpg4(xvid)，avc(h264)，H264才是公认的MP4标准编码。出现问题的视频编码格式不正确。

解决办法:

 利用工具（如：格式工厂）将问题视频的编码格式转换成H264。
       格式工厂下载地址：http://pan.baidu.com/s/1i5O7mK1，验证码：iri5

结果：