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