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插件的安装直接播放视频 ！
用JS。在页面加载完成后 获取浏览器高度以及宽度，再设置VIDEO元素高度宽度即可。
<script type="text/javascript">
function resizeBody() {
var bodyHeight = document.documentElement.clientHeight
$("#Flash1").height(bodyHeight + "px")
$("body").height(bodyHeight + "px")
}
$(function () {
resizeBody()
})
</script>
1
<body style=" width:100%height:100%" onresize="resizeBody()">
全屏api是新版本浏览器才支持，但每个浏览器支持的程度不一样，有的支持了w3c标准方法（requestFullscreen），但有的浏览器只支持自有方法（需加前缀，如：webkitRequestFullScreen
），所以我们有用的时候为了兼容所以浏览器就得分别判断去使用，所以就有了以下这种用法：
//W3Cif (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()
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）