html5怎么让网页打开自动全屏？就是充满电脑整个显示屏。

视频播放后自动全屏

示例代码：

<video controls src="" width="宽度" height="高度" onplaying="width='适合屏幕的宽度'height='适合屏幕的高度'">

项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。

在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google

chrome

15

+,

safri5.1+,firfox10+,IE11支持

全屏

var

docElm

=

document.documentElement

//W3C

if

(docElm.requestFullscreen)

{

docElm.requestFullscreen()

}

//FireFox

else

if

(docElm.mozRequestFullScreen)

{

docElm.mozRequestFullScreen()

}

//Chrome等

else

if

(docElm.webkitRequestFullScreen)

{

docElm.webkitRequestFullScreen()

}

//IE11

else

if

(elem.msRequestFullscreen)

{

elem.msRequestFullscreen()

}

requestFullScreen。这是html5里面一个比较新的API。不同浏览器存在不同的方法前缀。需要区分。

可以对整个document进行全屏，或对某个元素全屏（比如vidio控件）

通常浏览器都会预先进行询问，比如d出浮层让用户确认是否要全屏。只有用户确认全屏，你的全屏 *** 作才会生效。

HTML5是近十年来Web标准最巨大的飞跃。HTML5并非仅仅用来表示Web内容，它也将Web带入一个成熟的应用平台，在这个平台上，视频，音频，动画，以及同电脑的交互都被标准化。随着HTML5的发展，各个浏览器都已经或即将支持HTML5。在大潮流的推动下，微软也表示将把HTML5作为IE9的核心，并将全力投入HTML5。

很多平时最喜欢上网看视频、玩游戏的朋友经常抱怨不爽，因为网上好多视频和游戏都需要安装Flash插件，并且速度也跟不上！HTML5的出现解决了这一难题。HTML5提供了音频视频的标准接口，实现了无需任何插件支持，只需浏览器支持相应的HTML5标签。怪不得都说HTML5是Flash的终结者！Safari5、Firefox4和Chrome6等浏览器加入了HTML5技术，可以免除Flash插件的安装直接播放视频 ！

---