个人小记 html5 video标签

最近在制作网页播放视频的时候，毫不迟疑的选择了video标签，但是在使用的时候遇到了奇葩的问题。

video学习地址：http://www.w3school.com.cn/html5/html5_video.asp

在使用标签播放MP4视频的时候，有声音但是没有视频画面

使用示例如下：

<video src="/data/ship.mp4" type="video/mp4"  id="player1" poster="../media/echo-hereweare.jpg" controls="controls" preload="none" style="width:100%;"></video>

总以为是标签的问题，在网上也找了许多的帖子，没能找到解决办法，后来让同事重新导出视频文件，

大概导出3~4次之后，视频终于能够显示出来了。后来目标转向视频文件上，网上也有人说MP4的文件编码方式

是要用H264来编码的。也让同事pose出导出视频时的设置（使用的时狸窝工具）大家可以自选视频转换工具试试

详细设置可见图片。