实现全屏和取消全屏需要用到h5中的新特性—requestScreenFull和cancelScreenFull两个特性
给一个全屏按钮绑定一个点击事件,例如点击时触发
$(‘全屏按钮的选择器’).οnclick=function(){
if(screen.webkitRequestFullScreen){
screen.webkitRequestFullScreen();
}
}
这样就可以触发全屏,这个属性前面需要加上浏览器对应的前缀(webkit),否则无法触发
cancel.onclick = function(){
// 退出全屏的对象应该是所有文档,而不是当前全屏的对象
if(document.webkitCancelFullScreen){
document.webkitCancelFullScreen();
}
}