requestFullscreen()
Misol
<video> elementini to‘liq ekran rejimida ko‘rsating:
/* Get the element you want displayed in fullscreen mode (a video in this example): */
var elem = document.getElementById("myvideo");
/* When the openFullscreen() function is executed, open the video in fullscreen.
Note that we must include prefixes for different browsers, as they don't support the requestFullscreen property yet */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
}
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
requestFullscreen() metodi elementni to‘liq ekran rejimida ochadi.
Maslahat: To‘liq ekran rejimini bekor qilish uchun exitFullscreen() metodidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar metodni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi. Eslatma: Ba’zi brauzerlar maxsus prefiksni talab qiladi (qavslar ichida ko‘rsatilgan):
| Metod | |||||
|---|---|---|---|---|---|
| requestFullscreen() | 71.0 15.0 (webkit) |
79.0 11.0 (ms) |
64.0 9.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Sintaksis
HTMLElementObject.requestFullscreen()
Parametrlar
| Yo‘q |
Texnik tafsilotlar
| Qaytariladigan qiymat: | Qaytariladigan qiymat yo‘q |
|---|
Ko‘proq misollar
HTML sahifani to‘liq ekran rejimida ochish uchun document.getElementById("element") o‘rniga document.documentElement dan foydalaning. Bu misolda to‘liq ekran rejimini yopish uchun yopish funksiyasidan ham foydalanamiz:
Misol
/* Get the documentElement (<html>) to display the page in fullscreen */
var elem = document.documentElement;
/* View in fullscreen */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
}
}
/* Close fullscreen */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) { /* Safari */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE11 */
document.msExitFullscreen();
}
}
O‘zingiz sinab ko‘ring »
Sahifa to‘liq ekran rejimida bo‘lganda uni bezash uchun CSS’dan ham foydalanishingiz mumkin:
Misol
/* Safari */
:-webkit-full-screen {
background-color: yellow;
}
/* IE11 syntax */
:-ms-fullscreen {
background-color: yellow;
}
/* Standard syntax */
:fullscreen {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!