h5全屏接口

<div>

<img src="../img/2.jpg" alt="" width="800" height="800">

<input type="button" value="全屏" id="full">

<input type="button" value="退出全屏" id="bufull">

<input type="button" value="是否全屏" id="isfull">

</div>

<script>

// 全屏与非全屏切换

// 主要方法和属性

// 兼容 谷歌 webkit 火狐 ： moz ie:ms 欧朋： o

/* requestFullScreen()//开启全屏

cancelFullScreen() //退出全屏 只能使用document 来调用

fullScreenElement()//是否全屏状态 只能使用document 来调用*/

window.onload = function () {

var div = document.querySelector('div');

document.querySelector('#full').onclick = function () {

div.webkitRequestFullScreen();

}

document.querySelector('#bufull').onclick = function () {

document.webkitCancelFullScreen()

}

}

 

</script>