📅  最后修改于: 2023-12-03 14:41:47.732000             🧑  作者: Mango
exitFullScreen()
方法在全屏模式下,使用 exitFullScreen()
方法退出全屏。这个方法只能在全屏模式下使用,当不处于全屏模式下,该方法没有任何作用。
document.exitFullScreen()
该方法没有返回值。
<!DOCTYPE html>
<html>
<head>
<title>exitFullScreen() 方法示例</title>
</head>
<body>
<div id="myVideo">
<video controls>
<source src="https://www.example.com/myVideo.mp4" type="video/mp4">
</video>
</div>
<button onclick="exitFullScreen()">Exit Full Screen</button>
<script>
function exitFullScreen() {
if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement) {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
}
}
</script>
</body>
</html>
在上面的示例中,点击 Exit Full Screen
按钮将会退出全屏模式。
exitFullScreen()
方法只能在全屏模式下使用。document.fullscreenElement
,document.webkitFullscreenElement
和 document.mozFullScreenElement
,并使用不同的前缀。