JavaScript 全屏 API
全屏 API
全屏 API 提供了处理 HTML 元素的 方法和属性，以便在全屏状态下显示。
示例
以全屏模式显示 <video> 元素
/* 获取要显示在全屏模式下的元素 */
var elem = document.getElementById("myvideo");
/* 执行 openFullscreen() 函数以在全屏模式下打开视频。包含不支持 requestFullscreen 属性的浏览器的前缀 */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
}
}
自己动手试一试 »
全屏属性和方法
| 属性/方法 | 描述 |
|---|---|
| exitFullscreen() | 取消元素的当前全屏模式 |
| fullscreenElement | 返回当前处于全屏模式的元素， |
| fullscreenEnabled() | 如果文档可以以全屏模式查看，则返回 true |
| requestFullscreen() | 以全屏模式打开一个元素 |
