Fullscreen API requestFullscreen() method

ການກໍານົດແລະການນໍາໃຊ້

requestFullscreen() ການກວດສອບທີ່ສະແດງບວກກັບຄອມພິວເຕິບທົ່ວໄປ.

ຄຳເຕືອນ:ສະແດງບວກວ່າ ການກວດສອບ exitFullscreen()ຍົກຍ້າຍການສະແດງຄອມພິວເຕິບທົ່ວໄປ.

ຄວາມນຳສະເໜີ

ຄວາມນຳສະເໜີ 1

ສະແດງ <video> ພາບທົ່ວໄປຄອມພິວເຕິບ:

/* ການຮັບຖານຂອງພັກທີ່ຈະສະແດງຄອມພິວເຕິບທົ່ວໄປ (ຄວາມນຳສະເໜີນີ້ມີວິດີໂອ): */
var elem = document.getElementById("myvideo");
/* ການກວດສອບ openFullscreen() ການເປີດຄອມພິວເຕິບທົ່ວໄປສຳລັບວິດີໂອ. */
ສະແດງບວກວ່າພວກເຮົາຕ້ອງມີຄວາມປະກອບພົບກັບແຜນພາບຂອງການກວດສອບຄັດວ່າພວກເຮົາຍັງບໍ່ສະບາຍການກະທຳ requestFullscreen 属性 */
}
  elem.webkitRequestFullscreen();
    else if (elem.msRequestFullscreen) { /* IE11 */
  }
    elem.msRequestFullscreen();
  /* ປິດຄົບຄອງ */
    function closeFullscreen() {
  }
}

ທ້າວທາງຕອນຕົ້ນ

ຄວາມນຳສະເໜີ 2

ສະແດງບວກໄດ້ຮູບໂດຍບໍ່ມີຄວາມປະກອບພົບກັບ 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

ຖ້າບາງຄະນະເວັບໄຊຢູ່ໃນຮູບແບບຄົບຄອງທັງໝົດຈະທຳນອງທັງໝົດກໍ່ຈະທຳນອງຄຳອັບສັດ CSS:

/* ຄຳເວົ້າເປັນ 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)