认识HTML————video标签第二种格式

2019-05-03 本文已影响0人周行知

video标签的第二种格式：

<video>

</video>

为什么会出现source的标签？

由于视频数据非常非常的重要，所以五大浏览器厂商都不愿意支持别人的视频格式，所以导致没有一种视频格式是所有浏览器都支持的。这个时候w3c为了解决这个问题，所以推出了第二个video标签格式。

video的支持程度

video标签的第二种格式存在的意义就是为了解决浏览器适配问题，video元素支持三种视频格式，我们可以把这三种格式通过source标签指定给video标签，那么以后浏览器播放视频时它就会从三中选择一种自己支持格式来播放。

案列1：video标签的应用场景

代码如下：

<!DOCTYPE html>

<html>

<head>

<title>video</title>

</head>

<body>

<video>

<source src="img/sb1.webm" type="video/webm"></source>

<source src="img/sb1.mp4" type="video/mp4"></source>

<source src="img/sb1.ogg" type="video/ogg"></source>

</video>

</body>

</html>

运行如图所示：