h5实战与剖析的使用方法总结

　　HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断，让HTML5当家做主人，所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子，让大家更好的理解HTML5和有效的应用在项目中。　　HTML代码<!– src中放上本地的ogv的音频 –> <video id="v1" src="Intermission-Walk-in.ogv"></video> <p id="p1"> <input type="button" value="播放" /> &

1. HTML5实战与剖析之媒体元素(6、视频实例)

简介：　　HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断，让Html5当家做主人，所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子，让大家更好的理解HTML5和有效的应用在项目中。

2. HTML5实战与剖析之WebSockets简介

简介：　　HTML5 WebSockets规范定义了一个API,允许web页面使用WebSockets协议与远程主机双向沟通。介绍了WebSocket接口,并定义了一种全双工通信通道,通过一个套接字在网络上。Html5 WebSockets提供极大的减少了不必要的网络流量和延迟而不能攀登的轮询和长轮询的解决方案是用来模拟全双工连接通过维护两个连接。

3. HTML5实战与剖析之历史管理(history对象)

简介：　　HTML5新添加了对历史的管理，更新了history对象让管理历史状态更加方便了。在现代Web应用中，用户可以通过”前进”和”后退”按钮进行历史页面的切换。这让一些不在新页面中打开的新页面前进后退自如，提高了用户体验。

4. HTML5实战与剖析之媒体元素(5、音频实例)

简介：　　之前已经介绍过了HTML5中媒体元素的相关小概念，和一些事件方法。光有一些理论基础，没有实践实例是不能充分理解的，更不太可能靠小概念来进行实际操作的。所以今天为大家奉上一个有关模拟音乐播放器小例子。希望大家通过这个下例子能够更好的理解和运用Html5中的媒体元素。

5. HTML5实战与剖析之媒体元素(4、检测编解码器的支持和Audio构造函数)

简介：　虽然媒体元素可以实现音频和视频功能，但是并不是所有浏览器都支持video标签和audio标签的所有编解码器，这意味着开发人员必须提供很多歌媒体来源。

6. HTML5实战与剖析之媒体元素(2、媒体元素的属性)

简介：　　提到HTML5中的媒体元素，那咱们可有的聊了，刚刚介绍完媒体元素的用法与简介，还没介绍有关媒体元素的相关属性呢，所以今天就为大家介绍一些有关Html5中媒体元素的相关属性。

7. HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

简介：　　HTML5中的媒体元素除了拥有很多的属性之外，video标签和audio标签还可以出发很多事件和方法。这些方法监控着不同的属性的变化，这些变化有可能是媒体播放的结果，也可能是用户操作媒体的结果。下面就为大家开始介绍媒体元素的相关事件。

8. HTML5实战与剖析之媒体元素(1、video标签和audio标签简介)

简介：　　随着HTML5的到来，flash在手机端全部不能得到支持，这就使一项以flash制作的音乐播放和视频播放只能用Html5中的媒体标签video标签和audio标签来制作了。很恰巧的是，移动端对HTML5中的媒体标签video标签和audio标签支持的非常好。这就使HTML5在移动端很流行。

9. HTML5实战与剖析之原生拖拽(四可拖动dragable属性和其他成员)

简介：　　之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍Html5拖拽中的其他一些小东东，闲话不多说赶快一起看看吧。

10. HTML5实战与剖析之原生拖拽(三dataTransfer对象)

简介：　　虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽，在IE6和IE7中还是有些拖拽问题，并且也没有实现数据的交换。为了实现数据的交换，IE5引入了dataTransfer对象。dataTransfer对象是事件对象的一个属性，用于从被拖拽元素相放置目标传递字符串格式的数据。因为它是事件对象的属性，所以只能在拖放事件的事件处理程序中访问dataTransfer对象。在事件处理程序中，可以使用这个对象的属性和方法来完善拖放功能。