零基础建站培训介绍

当前位置:

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

上一课: 下一课:

发表评论

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

相关教程

  • HTML5新增标签及含义 (15256 次学习)
    HTML5较以前的HTML版本,增加了很多的标签:属性值描述autoplayautoplay如果出现该属性,则视频在就绪后马上播放。controlscontrols
  • 在学做网站论坛的电影网站制作教程中,使用苹果CMS,海洋CMS,马克CMS等,有的程序没有开发程序对接,或者有开发对接的,站长不会对接。今天给大家一
  • HTML5中meter元素详解 (14709 次学习)
    前面我们介绍了HTML5的<progress>元素。HTML5的<progress>元素和<meter>元素经常会被混淆。但他们是不同的元素,在页面中的使用方
  • HTML换行标签:<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或者
  • 小白如何学习好java (12868 次学习)
    对于新手小白来说,要想学好Java,应该注重以下几个方面:第一:正确理解Java的各种“抽象”。学习Java就是学习各种“抽象”,包括类、接口和抽象类等,
  • 在自己做网站时,经常会用到Html有序列表、无序列表与定义列表,下面列举了三种列表的写法。(相关教程:HTML入门教程)有序列表<ol type=&quo
  • 怎么制作网页 (11806 次学习)
    网页是由HMTL和CSS组成的,通过HTML代码和CSS代码我们就可以制作出一个网页。下面介绍一下网页制作方法。打开DW网页编辑软件新建HTML有两种方法
  • 在HTML中除了一些常用的HTML标签之外,还有一些HTML特殊字符,使用过程中不能直接拼写出来,必须使用特殊字符代码才能显示出来。例如®、©、∑等等。这
  • 所有网站都是由网页组成的,做网站之前需要学习网页制作设计。网页设计对于初学者来讲,要找对一个好的学习方法之前,首先要了解网页设计需要学什么知
  • html文件又称网页文件,是我们建网站过程中特别常用的文件类型。对于很多做网站新手不知道html文件用什么软件打开和编辑。下面给建站新手们普及一下这