HTML5音/视频标签详解
浏览数：25 /
时间：2015年06月09日
一、发展历：
早期：<embed>+<object>+文件
问题：不是所有浏览器都支持，而且embed不是标准。
现状：Realplay、window
media、Quick Time
、Flash
问题：每个厂商每个标准，网站编码和格式也都不相同，flash的出现解决了面的问题，但是apple在07年决定任何设备将不再支持flash。
HTML5认为浏览器应该原生支持音视频，因为他们现在也是web中的一等公民了！
二、视频格式的简单介绍
1、常见的视频格式
视频的组成部分：画面、音频、编码格式
视频编码：H.264、Theora、VP8(google开源)
常见的音频格式
音频编码：ACC、MP3、Vorbis
2、HTML5支持的格式
HTML5能在完全脱离插件的情况下播放音视频但是不是所有格式都支持。HTML5支持的视频格式：
Ogg =带有Theora视频编码+Vorbis音频编码的Ogg文件
支持的浏览器:F、C、O
MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件 支持的浏览器:
S、C
WebM=带有VP8视频编码+Vorbis音频编码的WebM格式
支持的浏览器: I、F、C、O
三、<Video>
1.标签的使用：
<video src="文件地址" controls="controls"></video>
IE9以上才支持HTML5，对于不支持的浏览器应该有友好的提示：
<video src="文件地址" controls="controls"> 您的浏览器暂不支持video标签。播放视频 </ video >
再优化：让video标签载入多种不同的音频格式，让浏览器选择他支持的格式，第一个找到了播放第一条，没找到找第二天，以此类推，最后还没找到给出提示不支持
<video controls="controls" width="600"> <source src="movie.ogg" type="video/ogg" > <source src="move.mp4" type="video/mp4" > 您的浏览器暂不支持video标签。播放视频 </ video >
2.Video的常见属性
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
