Method ya requestFullscreen() ya API ya kina kikamilifu

Uainishaji na matumizi

requestFullscreen() Method ya kufungua elementi kina kikamilifu.

Maelezo:Tumekumbuka kuitumia Method ya kulipata kina kikamilifu exitFullscreen()Kulipata kina kikamilifu kwa uharibifu.

Mfano

Mfano 1

Kuonyesha <video> kina kikamilifu:

/* Kupata elementi inayotumika kufungua kina kikamilifu (mfano kina kikamilifu hii): */
var elem = document.getElementById("myvideo");
/* Kuendeleza openFullscreen() kufungua kina kikamilifu. */
Taradhishe, lazima tukufungu safari za kawaida zingine, kwa sababu zisikubali kipaa cha requestFullscreen */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

亲自试一试

Mfano 2

Kuwa na mawasiliano mazito ya kufungua ukifungua kina kikamilifu cha HTML, tumekumbuka kuitumia document.documentElement hivyo kama document.getElementById("element"). Kwenye matokeo hii, tumekuwa na mfano wa kumaliza kina kikamilifu:

/* 获取 documentElement () 以全屏显示页面 */
var elem = document.documentElement;
/* 全屏查看 */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* 关闭全屏 */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

亲自试一试

例子 3

当页面处于全屏模式时，您还可以使用 CSS 设置页面样式：

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 语法 */
:-ms-fullscreen {
  background-color: yellow;
}
/* 标准语法 */
:fullscreen {
  background-color: yellow;
}

亲自试一试

Inasema:

HTMLElementObject.requestFullscreen()

Vifaa vya kufikia

Hakuna.

Vifaa vya kidini

Maadili ya kurejesha: Hakuna maadili ya kurejesha.

Mwongozo wa kifungo

Inanichukua namba za kifaa kwa sababu ya kufikia mtumishi wa kwanza wa kufikia hii mtuwa kwa sababu ya kufikia mtuwa hii mtuwa.

Maelezo:Mashambulizi ya vifungo vyenye vingine inahitaji kufikia kifupi (angalia mabomu):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)