html5 网页播放器(一)
HTML5 是 W3C 与 WHATWG 合作的结果。
HTML5 建立的一些规则：
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash） 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立于设备 开发进程应对公众透明
HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素 用于媒介回放的 video 和audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
建立一个html页面要区分html4,在html4中使用的规范是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html4 中的 doctype 需要引用一个 DTD，这是因为 HTML 4.01 基于 SGML
而在html5中只需要：<!DOCTYPE>
第一个事列就是在浏览器里播放vido,之前都是通过浏览器安装Flash插件来播放，但是很多浏览器不支持。比如android系统上面，想在线看一段视频但是android系统浏览器不支持flash,无法看，有了html5就不一样了
要想在你的页面播放视屏只需要加入<video>标签就可以了比如
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
video标签属性就不用一个一个的说了。controls如果出现该属性，则向用户显示控件，比如播放按钮。autoplay如果出现该属性，则视频在就绪后马上播放。loop如果出现该属性，则当媒介文件完成播放后再次开始播放。
那要想播放音乐呢，使用<audio>标签
事列
<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>
audio标签的属性preload如果出现该属性，则音频在页面加载时进行加载，并预备播放。
像视频一样。一个audio标签中可以嵌套多个<source>表示是浏览器来匹配适合自己的格式。匹配上第一就播放。
附件提供html5.chm帮助，以及css3
HTML5 建立的一些规则：
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash） 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立于设备 开发进程应对公众透明
HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素 用于媒介回放的 video 和audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
建立一个html页面要区分html4,在html4中使用的规范是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html4 中的 doctype 需要引用一个 DTD，这是因为 HTML 4.01 基于 SGML
而在html5中只需要：<!DOCTYPE>
第一个事列就是在浏览器里播放vido,之前都是通过浏览器安装Flash插件来播放，但是很多浏览器不支持。比如android系统上面，想在线看一段视频但是android系统浏览器不支持flash,无法看，有了html5就不一样了
要想在你的页面播放视屏只需要加入<video>标签就可以了比如
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
video标签属性就不用一个一个的说了。controls如果出现该属性，则向用户显示控件，比如播放按钮。autoplay如果出现该属性，则视频在就绪后马上播放。loop如果出现该属性，则当媒介文件完成播放后再次开始播放。
那要想播放音乐呢，使用<audio>标签
事列
<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>
audio标签的属性preload如果出现该属性，则音频在页面加载时进行加载，并预备播放。
像视频一样。一个audio标签中可以嵌套多个<source>表示是浏览器来匹配适合自己的格式。匹配上第一就播放。
附件提供html5.chm帮助，以及css3