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

آپ کو JavaScript کا استعمال پورا اسکرین ونڈو بنانے کا سیکس کرسکیمئن

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

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

مثال

<اسکریپٹ>
/* پورا اسکرین میں دکھانے والی عنصر کو حاصل کریں (مثال میں ویڈیو): */
var elem = document.getElementById("myvideo");
/* جب openFullscreen() فنکشن چلائی جائی تو، ویڈیو کو پورا اسکرین میں کھولنا چاہئیں */
توجہ، مختلف براوزر کے لیے پچھلے نام شامل کرنا چاہئیں، کیونکہ وہ requestFullscreen طریقہ کار کا پشتیبانی نہیں کرتے ہیں */
فونکشن اوپن فول اسکرین() {
  ایسا اگر ایلی.رکویس فول اسکرین() {
    ایلی.رکویس فول اسکرین();
  ایسا اگر ایلی.ووک رکویس فول اسکرین() { /* سافری */
    ایلی.ووک رکویس فول اسکرین();
  ایسا اگر ایلی.مز رکویس فول اسکرین() { /* آئی ای 11 */
    ایلی.مز رکویس فول اسکرین();
  }
}
</اسکریپٹ>

خود کو کچھ کریں

پورا اسکرین دستاویز

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

مثال میں، ہم ایک بند کردگی فنکشن بکار لاتے ہیں تاکہ پورا اسکرین کا خروج کرسکیمئن

مثال

<اسکریپٹ>
/* دوکومنٹ ایلی منٹ (<ایچ تی ایم>) کو پورا اسکرین میں دکھانے کے لئے حاصل کریں */
وار ایلی = دوکومنٹ.ایلی منٹ;
/* پورا اسکرین دیکھنا */
فونکشن اوپن فول اسکرین() {
  ایسا اگر ایلی.رکویس فول اسکرین() {
    ایلی.رکویس فول اسکرین();
  ایسا اگر ایلی.ووک رکویس فول اسکرین() { /* سافری */
    ایلی.ووک رکویس فول اسکرین();
  ایسا اگر ایلی.مز رکویس فول اسکرین() { /* آئی ای 11 */
    ایلی.مز رکویس فول اسکرین();
  }
}
/* پورا اسکرین چھوڑنا */
فونکشن کلوز فول اسکرین() {
  ایسا اگر دوکومنٹ.ایکس آئٹ فول اسکرین() {
    دوکومنٹ.ایکس آئٹ فول اسکرین();
  ایسا اگر دوکومنٹ.ووک فول اسکرین() { /* سافری */
    دوکومنٹ.ووک فول اسکرین();
  ایسا اگر دوکومنٹ.مز آئٹ فول اسکرین() { /* آئی ای 11 */
    دوکومنٹ.مز آئٹ فول اسکرین();
  }
}
</اسکریپٹ>

جب پیج پورا اسکرین موڈ میں ہو، تو آپ کو پورا اسکرین پیج کا استایل سی ایس ایس سے بھی سیٹ کرسکتا ہو:

مثال

/* سافری */
-webkit-فول اسکرین {
  بگا کولر: زرد;
}
/* آئی ای 11 */
-ms-فول اسکرین {
  بگا کولر: زرد;
}
/* استاندارد بنیاد */
:فول اسکرین {
  بگا کولر: زرد;
}

خود کو کچھ کریں

مرتبط پیج

ایچ تی ایم ڈوم مرجع دستنوشت:ریکوئس فول اسکرین() میتھد

ایچ تی ایم ڈوم مرجع دستنوشت:ایکس آئٹ فول اسکرین() میتھد

ایچ تی ایم ڈوم مرجع دستنوشت:دوکومنٹ ایلی منٹ میتھد