HTML5 VIDEO

位置：

若放一个div或图片在html5的video元素的位置上，在win，ipad，android上是有区别的

ipad上

video位置上无论放什么都是无法监听到事件的。

android和window是是可以监听到的。

 

视频格式：

都支持mp4格式，但是必须是h264 code，否则也是不支持的。遇到一个video，在ipad上是不能播放的，而在android上可以播放，但是只有声音没有视频（有播放控制条，有滚动）。很奇怪。

 

touches对象：

使用jquery的bind方法是无法取得event对象的touches对象，所以event.pageX是空的。

必须用javascript的addEventListener才能取得。

 

取得touch的XY值：

在移动设备上，若想要去的touch的XY值，只能通过event.pageX取得。虽然《javascript 高级程序设计》里说可以有event.clientX,和event.screenX,但是这两个值在移动设备上都是undefined。

 

 

自动播放：

移动设备不支持video自动播放。window支持。

 

默认全屏播放：

window（CHROME,FF）支持。移动设备不支持，必须通过点击控制条上的全屏按钮实现。

 

封面：

都可以设置封面。但是有时在ipad上设置了poster也不显示。未知。

 

播放：

可以通过其它元素，如div，image的触发来控制视频的播放和暂停。