HTML5 video标签只有声音没有图像

在学习html5中的video标签时，遇到如题所示的问题：播放本地MP4文件只有声音没有图像。

<video id="videoID" poster="raw/bg_two.jpg" width="400px" loop="loop">
    <source src="raw/video.mp4" type="video/mp4">
    您的浏览器不支持HTML5的视频播放功能
</video>

于是上网百度乎，说是可能是视频编码格式的问题，需要下载格式工厂，然后进行转码。

于是我把原来的video.mp4转换了一下，虽然还是MP4格式，但是里面的编码改变了呀，还比原来小了几M呢，再放进代码执行，果真，声音图像都展示了。

附：普及知识：

MP4 = MPEG4文件使用 H264 视频编解码器和 AAC 音频编解码器。
WebM = WebM文件使用 VP8 视频编解码器和 Vorbis 音频编解码器。
Ogg = Ogg文件使用 Theora 视频编解码器和 Vorbis音频编解码器。