H5 video标签的第二种格式

时间  2019-11-20
标签 h5 video 标签 二种 格式 繁體版
原文   原文链接

36-video标签的第二种格式html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>36-video标签的第二种格式</title>
</head>
<body>
<!--
1.格式:
<video>
    <source src="" type=""></source>
    <source src="" type=""></source>
</video>

2.第二种格式存在的意义:
因为视频数据很是很是的重要, 因此五大浏览器厂商都不肯意支持别人的视频格式, 因此致使了没有一种视频格式是全部浏览器都支持的
这个时候W3C为了解决这个问题, 因此推出了第二个video标签的格式

video标签的第二种格式存在的意义就是为了解决浏览器适配问题
video 元素支持三种视频格式, 咱们能够把这三种格式都经过source标签指定给video标签, 那么之后当浏览器播放视频时它就会从这三种中选择一种本身支持的格式来播放

3.注意点:
3.1当前经过video标签的第二种格式虽然可以指定全部浏览器都支持的视频格式, 可是想让全部浏览器都经过video标签播放视频还有一个前提条件, 就是浏览器必须支持HTML5标签, 不然一样没法播放
3.2在过去的一些浏览器是不支持HTML5标签的, 因此为了让过去的一些浏览器也可以经过video标签来播放视频, 那么咱们之后能够经过一个JS的框架叫作html5media来实现
-->
<video autoplay="autoplay" controls="controls">
    <source src="images/sb1.webm" type="video/webm"></source>
    <source src="images/sb1.mp4" type="video/mp4"></source>
    <source src="images/sb1.ogg" type="video/ogg"></source>
</video>
</body>
</html>
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程