پورا اسکرین کا طریقہ کار

جس طرح سے آپ جاوا اسکریپٹ کا استعمال کریں تاکہ پورا اسکرین وینڈو بناسکیں.

پورا اسکرین وینڈو

جس طرح سے آپ جاوا اسکریپٹ کا استعمال کریں تاکہ پورا اسکرین میں عنصر دیکھ سکیں.

بٹن پر کلک کرکے پورا اسکرین کے طور پر ویڈیو کھولئے:

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

پورا اسکرین ویڈیو

پورا اسکرین کے طور پر عنصر کھولنا چاہئیے تو، استعمال کریں: element.requestFullscreen() طریق:

ਇੰਸਟੈਂਸ

<script>
/* پورا اسکرین میں دکھائی جائی والی عنصر کو حاصل کریں (اس مثال میں ویڈیو): */
var elem = document.getElementById("myvideo");
/* جب openFullscreen() فونکشن چلائی جاتی ہے تو، ویڈیو کو پورا اسکرین کے طور پر کھولدیا: */
توجہ، ہمیں مختلف براوزر کے پیشفیکس شامل کرنا پڑتا ہے، کیونکہ وہ requestFullscreen کے طریقہ کار کو نہیں سپورٹ کرتے ہیں */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* ਸਫਾਰੀ */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
</script>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

پورا اسکرین ڈاکومنٹ

پورا ویب پیج پورا اسکرین کے طور پر کھولنا چاہئیے تو، استعمال کریں: document.documentElement جگہ document.getElementById("element")。

ایسے مثال میں، ہم ایک بند کردار استعمال کرتے ہیں تاکہ پورا اسکرین چلدے:

ਇੰਸਟੈਂਸ

<script>
/* documentElement (<html>) ਨੂੰ ਪੂਰੀ ਸਕਰੀਨ ਵਿੱਚ ਦਿਖਾਉਣ ਲਈ ਪ੍ਰਾਪਤ ਕਰੋ */
var elem = document.documentElement;
/* ਪੂਰੀ ਸਕਰੀਨ ਵਿੱਚ ਦੇਖਣਾ */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* ਸਫਾਰੀ */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* ਪੂਰੀ ਸਕਰੀਨ ਬੰਦ ਕਰਨਾ */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* ਸਫਾਰੀ */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}
</script>

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

ਇੰਸਟੈਂਸ

/* ਸਫਾਰੀ */
: -webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
: -ms-fullscreen {
  background-color: yellow;
}
/* ਸਟੈਂਡਰਡ ਸਿਨਟੈਕਸ */
:fullscreen {
  background-color: yellow;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਬੰਧਤ ਪੰਨੇ

HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:requestFullscreen() ਮੈਥਡ

HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:exitFullscreen() ਮੈਥਡ

HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:documentElement ਮੈਥਡ