在制作网页的时候，有时候我们需要插入视频到页面中，例如笔者在处理公司官网的时候，老板吩咐要将公司的企业宣传片放在网站首页。

但是遇到一个问题，就是企划部那边传来的mp4文件，我将其插入html中，预览效果的时候发现只有声音没有画面。笔者是使用flash播放器调取视频的，起初以为是flash播放器或者js代码出现了问题，折腾许久之后发现是视频编码的问题。

经查阅发现常见mp4的视频编码有四种：MPEG4(DivX),MPEG4(Xvid),AVC(H264),HEVC（H265），而网页支持较好的MP4编码格式为AVC(H264)，将视频转码即可。

解决办法：

使用转码工具如格式工厂，将视频转换为AVC（H264）即可正常播放。

1、打开格式工厂软件，这里我以把视频转换为mp4格式为例说明单击[->mp4]按钮

2、单击[添加文件]按钮

3、单击选择文件，单击[打开]按钮

4、单击[输出配置]按钮

5、可以看到现在的“视频编码”右边的值是“MPEG4（Xvid）”，单击这一行，会出现下拉按钮

6、点击下拉按钮，在弹出的下拉列表中选择需要的编码，如在这里我单击选择“AVC(H264)”，然后单击[确定]按钮

7、单击[确定]按钮

8、单击[点击开始]按钮开始任务

然后导出来的视频就可以再页面里面正常播放了。

值得一提的是，不仅使用flash播放器会出现编码问题，HTML5的<video>标签也会导致不正常的编码格式出现只有声音没有画面的情况，所以在网页中插视频需要提前将mp4转码AVC（H264）即可解决问题。