HTML5 video 播放视频不显示 （无效源）原因和解决方法
HTML5 video是最新HTML5新增标签的视频播放标签。用于网页播放视频。【相关教程：html5入门教程】
它的代码是
<video src="abc.mp4" controls="controls">浏览器不支持HTML5</video>
HTML5 video 播放视频时经常会出来视频不显示，提示无效源的问题，如下图：
引起HTML5 video 播放视频不显示的原因
HTML5 video 播放视频不显示是由于视频格式不对造成的。
一共支持三种格式： Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。
注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。
|
1
2
3
4
|
格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No |
NO：代表不支持这款浏览器。
X.0+：表示支持这款及版本更高的浏览器。
HTML5 video 播放视频不显示解决方法
将需要播放的视频格式转码成HTML5 VIDEO标签支持的格式。视频格式转码一般使用视频格式转换利器——格式工厂软件。