JavaScript Fullscreen 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() | 以全屏模式打开元素 |
