界面示意图
界面关键部分
<img class="fullImg" src="/Images/full.png" onclick="fullScreen()" />
js关键部分
function fullScreen() {
var dd = document.documentElement
var isFull = isFullScreen();
if (!isFull) {
if (dd.requestFullscreen) {
dd.requestFullscreen();
} else if (dd.mozRequestFullScreen) {
dd.mozRequestFullScreen();
} else if (dd.webkitRequestFullScreen) {
dd.webkitRequestFullScreen();
}
} else {
var de = document;
if (de.exitFullscreen) {
de.exitFullscreen();
} else if (de.mozCancelFullScreen) {
de.mozCancelFullScreen();
} else if (de.webkitCancelFullScreen) {
de.webkitCancelFullScreen();
}
}
}
function isFullScreen() {
return !!(
document.fullscreen ||
document.mozFullScreen ||
document.webkitIsFullScreen ||
document.webkitFullScreen ||
document.msFullScreen
);
}