HTML5 video标签有声音无图像

学习HTML5的video标签时，照抄样例代码后在浏览器运行，显示视频播放界面，但是没有图像。

以下是我的解决过程。
1、查看video标签支持的视频格式
从w3school网站找到如下信息：

2、查看本地的视频文件格式
可以用播放器打开视频文件，查看文件属性（视频编码格式、音频编码格式）截图基于KMPlayer播放器。

从截图看可以看到视频文件的视频编码格式不对，需要进行格式转换。
3、视频文件格式转换，可以使用格式工厂（注意设置好视频编码、音频编码格式）。

4、将视频文件替换为转格式后文件，重新浏览器打开即正常。