HTML5 VIDEO

Jym 2012-07-05

位置:

若放一个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的触发来控制视频的播放和暂停。

相关推荐

Kingcxx / 0评论 2020-03-07