介绍HTML5中的全屏API
在HTML5中,W3C制定了关于全屏的API,也就是用户可以比如一点某个键,
就可以实现全屏幕的效果,去掉工具栏等,但可惜这个目前只有google chrome 15 ,
safri(5.1开始),firfox(10开始)支持.先来看代码:
我们还可以在FULLSCREEN时对样式进行设置,比如:html:-moz-full-screen { background: red;}html:-webkit-full-screen { background: red;}html:fullscreen { background: red;}
在chrome中,当全屏幕模式时,还可以使用一些键的输入可能被禁止掉,但chrome
中可以重新设置请求,比如:
docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
即可.
一个FULLSCREEN的例子:
http://robnyman.github.com/fullscreen/