پورا اسکرین API requestFullscreen() طریق

تعریف اور استعمال

requestFullscreen() طریق عنصر کو پورا اسکرین نمودار میں کھولنے والی طریق.

نکات:استعمال کریں: exitFullscreen() طریقپورا اسکرین نمودار کو منسوخ کریں。

مثال

مثال 1

پورا اسکرین میں <video> علامت دکھائی جاتی ہے:

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

خود کا تجربہ کریئے

مثال 2

کسی کا میں پورا اسکرین میں HTML پیج کا کھولنا چاہتا ہے تو document.documentElement استعمال کریں، نہ کہ document.getElementById("element")۔ اس مثال میں ہم نے ایک بند کرنے والی فونکشن بھی استعمال کی ہے تاکہ پورا اسکرین بند ہو سکے:

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)