Fullscreen API requestFullscreen() နည်းဥပဒေ

အသုံးပြုနည်းဥပဒေ

requestFullscreen() အသုံးပြုရာတွင် ဖွင့်ပေးရန် နည်းလမ်း

အကြောင်းပြချက်အသုံးပြုပါ exitFullscreen() နည်းလမ်းဖွင့်ပေးရန် အသုံးပြုပါ

အကျိုးသက်

လောက် 1

ဖွင့်ပေးရန် အသုံးပြုရာတွင် <video> အရာကို ဖွင့်ပေးပါ

/* ဖွင့်ပေးရန် အသုံးပြုရာတွင် ဖွင့်ပေးရန် အသုံးပြုရာတွင် ဗွီဒီယိုကို ဖွင့်ပေးပါ */
var elem = document.getElementById("myvideo");
/* ဖွင့်ပေးရန် openFullscreen() သင်္ချာကို အသုံးပြုပါ၊ ဖွင့်ပေးရန် ဗွီဒီယိုကို ဖွင့်ပေးပါ */
သတိပြုပါ၊ ကိုယ်စားပြုခြင်းကို သတ်မှတ်ပါ၊ သို့သော် အသုံးပြုခြင်းကို သတ်မှတ်ပါ။
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

လောက် 2

လုပ်ဆောင်ရာတွင် တရားဝင် ဖွင့်ပေးရန် HTML စာမျက်နှာကို အသုံးပြုပါ၊ 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 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)