Fullscreen API requestFullscreen() ਮੱਥਦਾ ਤਰੀਕਾ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

requestFullscreen() ਇਲੈਕਟ੍ਰੋਨ ਨੂੰ ਹੌਲੀ ਸਕਰੀਨ ਮੋਡ ਵਿੱਚ ਖੋਲ੍ਹਣ ਵਾਲੀ ਮੱਥਦਾ ਤਰੀਕਾ

ਸੁਝਾਅ:ਵਰਤੋਂ ਕਰੋ: exitFullscreen() ਮੱਥਦਾ ਤਰੀਕਾਹੌਲੀ ਸਕਰੀਨ ਮੋਡ ਰੱਦ ਕਰੋ。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਹੌਲੀ ਸਕਰੀਨ ਵਿੱਚ <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();
  }
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਜੇਕਰ ਤੁਸੀਂ ਹੌਲੀ ਸਕਰੀਨ ਵਿੱਚ ਐੱਚਟੀਐੱਮਐੱਲ ਪੇਜ ਖੋਲ੍ਹਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ document.documentElement ਵਰਗੇ ਵਰਤੋਂ ਕਰੋ ਨਹੀਂ document.getElementById("element")। ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਅਸੀਂ ਇੱਕ ਬੰਦ ਕਰਨ ਵਾਲੀ ਫੰਕਸ਼ਨ ਵੀ ਵਰਤੀ ਹੈ ਕਿ ਹੌਲੀ ਸਕਰੀਨ ਬੰਦ ਕਰੇ:

/* documentElement (<html>) ਨੂੰ ਪੂਰੀ ਸਕਰੀਨ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਪ੍ਰਾਪਤ ਕਰੋ */
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

ਜਦੋਂ ਪੰਨਾ ਪੂਰੀ ਸਕਰੀਨ ਮੋਡ ਵਿੱਚ ਹੈ ਤਾਂ ਤੁਸੀਂ ਕ੍ਰਿਪਸ ਨਾਲ ਪੰਨੇ ਦੀ ਸਟਾਈਲ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 ਗਤੀਵਿਧੀ */
:-ms-fullscreen {
  background-color: yellow;
}
/* ਮਿਆਰੀ ਗਤੀਵਿਧੀ */
:fullscreen {
  background-color: yellow;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਤੀਵਿਧੀ

HTMLElementObject.requestFullscreen()

ਪੈਰਾਮੀਟਰ

ਨਹੀਂ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਵਾਪਸੀ ਮੁੱਲ: ਕੋਈ ਵਾਪਸੀ ਮੁੱਲ ਨਹੀਂ ਹੈ。

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਨੰਬਰ ਪਹਿਲੇ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਨੂੰ ਸਪੂਰਤੀ ਦਿੰਦੇ ਹਨ ਜੋ ਇਹ ਤਕਨੀਕ ਸਮਰਥਤ ਹੈ।

ਟਿੱਪਣੀਆਂ:ਕੁਝ ਬਰਾਊਜ਼ਰਾਂ ਨੂੰ ਵਿਸ਼ੇਸ਼ ਪ੍ਰਿਫਿਕਸ ਚਾਹੀਦਾ ਹੈ (ਦੇਖੋ ਪਰੰਪਰਾ):

Chrome Edge Firefox Safari ਓਪਰਾ
Chrome Edge Firefox Safari ਓਪਰਾ
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)