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() | 以全屏模式開啟一個元素 |
