အချိန်နှင့် လုံးစုံ ဖန်တီးခြင်း

JavaScript အား အချိန်နှင့် လုံးစုံ လင်းကန် ဖန်တီးခြင်း အသုံးပြုပါတယ်。

အချိန်နှင့် လုံးစုံ လင်းကန်

JavaScript အား အချိန်နှင့် လုံးစုံ ပြသခြင်း အသုံးပြုပါတယ်。

ဗီဒီယိုကို အချိန်နှင့် လုံးစုံ ပေါ်လာစေရန် နှိပ်ပါ။

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ဖြင့် လုံးစုံ ဗီဒီယို

အချိန်နှင့် လုံးစုံ ပေါ်လာစေရန် အရာကို အသုံးပြုပါတယ်။ element.requestFullscreen() ဘက်တန်း:

အကျိုးဆက်

<script>
/* အချိန်နှင့် လုံးစုံ ပြသရန် အရာကို ရယူပါ (အမည်အရ ဗီဒီယို): */
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();
  }
}
</script>

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ဖြင့် လုံးစုံ တုပ်ရိုက်

အချိန်နှင့် လုံးစုံ ဖြင့် ပေါ်လာစေရန် အသုံးပြုပါတယ်။ document.documentElement အစား document.getElementById("element")။

ဒါက အကြောင်းကြောင်းတွင် ကျွန်တော်တို့ တိုက်နိုင်သော အပ်ရိုက်အား အသုံးပြုပါတယ်။

အကျိုးဆက်

<script>
/* ပြီးအပိုင်း အချက်အလက် (<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();
  }
}
</script>

ပုံစံသည့် အချက်အလက် ကို ဖွင့်လှစ်သည့် စာရင်း တွင် အပြီးအပိုင်း ပုံစံ ကို ကျွမ်းကျွမ်းပြီး ကျွမ်းကျွမ်းပြီး ဖွင့်လှစ်ပါ

အကျိုးဆက်

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Standard syntax */
:fullscreen {
  background-color: yellow;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

ပတ်သက်သည့် စာရင်း

HTML DOM ကိုယ်စားပြုချက် လိုင်းဘား：requestFullscreen() နည်းလမ်း

HTML DOM ကိုယ်စားပြုချက် လိုင်းဘား：exitFullscreen() နည်းလမ်း

HTML DOM ကိုယ်စားပြုချက် လိုင်းဘား：documentElement နည်းလမ်း