html5 video全屏api,使用html5中video自定义播放器必备知识点总结以及JS全屏API介绍...

一、video的js知识点：

controls(控制器)、autoplay(自动播放)、loop(循环)==video默认的；

自定义播放器中一些JS中提供的方法和属性的记录：

1、play()控制视频的播放

2、pause()控制视频的停止

3、currentTime控制视频的当前时间

4、muted控制视频是否静音(赋值true or false)

5、volume控制音量的大小(赋值0-1)

6、duration视频的总时间

7、ontimeupdate事件(当前播放位置改变时执行，使用时要绑定addEventListener)

8、requestFullscreen全屏

二、全屏API介绍

浏览器全屏API简史

1、第一个实现浏览器原生全屏API的是在Safari 5.0(和iOS)中添加的webkitEnterFullScreen()函数，不过它只能在Safar的标签的controls中。

2、在Safari 5.1中，苹果更新了这个API使它更接近于Mozilla的全屏API草案(实际上这要比苹果实现的更早)，现在，所有的DOM元素都可以调用webkitRequestFullScreen()函数使HTML页面进入到全屏模式。

3、Firefox和Chome宣布它们将会添加原生的全屏API支持，而且这个特性已经在Chome 15+以及Firefox10+中实现,Mozilla团队已经发布了一些。

4、在2011年10月15日，W3C发布了一份全屏API草案(由Opera团队的一名成员编写)，它跟Mozilla的草案有两个主要的不同点：

Mozilla/Webkit使用大写字母’S‘(Full