网页添加mp4视频后，只有声音没有画面或者只有进度条没有画面的解决办法。

最近制作的一个网站有一个视频列表页，客户上传视频之后，发现有一部分视频是可以正常播放的，还有一部分视频只有声音没有画面，或者只有进度条没有画面。

代码很简单就是一个标准的 html5 vedio 标签：

<video width="970" height="546" controls="">
  <source src="/videos/26011805.mp4" type="video/mp4">
您的浏览器不支持Video标签。
</video>

开始我以为是视频有专门的服务器存在跨域问题，设置了CORS，但问题仍然没有解决，后来就想着是不是视频编码的问题，下载了一个格式工厂，将视频重新编码为浏览器兼容的格式（H.264 + AAC，也可以使用ffmpeg进行转换）重新上传，结果问题解决，视频正常显示，声音也正常了。

因此要注意视频的编码格式，或者也可以尝试用第三方的网页视频播放插件，比如 videojs 等等。