零基础建站培训介绍

当前位置:

HTML5 video 播放视频不显示 (无效源)原因和解决方法

HTML5 video是最新HTML5新增标签的视频播放标签。用于网页播放视频。【相关教程:html5入门教程

它的代码是

<video src="abc.mp4" controls="controls">浏览器不支持HTML5</video>

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标签支持的格式。视频格式转码一般使用视频格式转换利器——格式工厂软件

相关阅读:

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注