HTML YouTube Video

ການບັນຈຸວິດີໂອພາຍໃນ HTML ສະນັ້ນມັນສະບາຍສຸດແລະງ່າຍນິຍົມທີ່ສຸດແມ່ນການໃຊ້ YouTube.

ຄວາມສົງໄສກັບຮູບມິວິດີໂອ?

ການປ່ຽນຮູບມິວິດີໂອຈະຍາກສົມກັນແລະຂ້ອຍເວລາ.

ການຢືນຢັນທີ່ງາມຍາກສົມກັນແລະຂ້ອຍເວລາການປ່ຽນພາບວິດີໂອຢູ່ເວັບໄຊທ່ານ.

YouTube Video Id

ທີ່ພົບຄວາມບັນທຶກ id (ອີງຕາມ: ih1l6wb7LhU) ຄືກັບການບັນທຶກວິດີໂອບັນດາການ.

ທ່ານສາມາດໃຊ້ id ນັ້ນທີ່ HTML ແລະອ້າງວິດີໂອຂອງທ່ານ.

YouTube ໃນ HTML

ສຳລັບການສະແດງວິດີໂອໃນເວັບໄຊດັ່ງກ່າວນັ້ນທ່ານຄວນດໍາເນີນການດັ່ງກ່າວ:

  • ອັບດາວິດີໂອຂອງທ່ານໄປ YouTube
  • ບັນທຶກບັນທາງວິດີໂອ
  • ສະເໜີໃນເວັບໄຊຂອງທ່ານ <iframe> ປ່ຽນແປງ
  • ຈະໃຫ້ src ຄວາມຜະສົມຄວາມສາຍດາວຂອງວິດີໂອ
  • ການໃຊ້ width ພ້ອມກັບ height ຄວາມຜະສົມຄວາມສູງແລະສາຍດາວຂອງບັນການສະແດງ
  • ການເພີ່ມຫຼາຍກົດລະບຽບພາຍໃນ URL (ບັນຈາກລາຍລະອຽດດ້ານຫຼັງ)

ຄວາມຈິງ

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

ທົດລອງດ້ວຍຕົວເອງ

YouTube Autoplay + Mute

ທ່ານສາມາດບັນທຶກ autoplay=1 ໃນ URL YouTube ເພື່ອເຮັດໃຫ້ວິດີໂອຕິດຕັ້ງໃຫ້ເບິ່ງໃນຕອນທີ່ຜູ້ໃຊ້ເຂົ້າໄປເວັບໄຊໄດ້ເປັນຢ່າງອົງອັງ. ແຕ່ວ່າການຕິດຕັ້ງວິດີໂອໃຫ້ຕິດຕັ້ງເອກະສານອາດເຮັດໃຫ້ຜູ້ເຂົ້າເບິ່ງທີ່ທ່ານບໍ່ຕ້ອງການຈະອົກສິນ!

ຫັງ:ໃນສອງສາມກໍລະນີ, ບັນດາບັນຊີຍາກຂາວ Chromium ຈະບໍ່ອະນຸຍາດການສະແດງຄັ້ງດຽວ. ແຕ່ວ່າຈະອະນຸຍາດການສະແດງຄັ້ງດຽວທີ່ປິດດູດ.

ໃນ autoplay=1 ຫລັງຈາກນີ້ເພີ່ມ mute=1, ສາມາດສະແດງວິດີໂອຄັ້ງດຽວ (ແຕ່ຈະປິດດູດ).

YouTube - Autoplay + Muted

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

ທົດລອງດ້ວຍຕົວເອງ

YouTube Playlist

ລະຫັດວິດີໂອທີ່ຈະສົ່ງວົງວາງ, ບໍ່ລວມທັງ URL ຕົ້ນ.

YouTube Loop

ເພີ່ມ loop=1 ຈະເຮັດໃຫ້ວິດີໂອຂອງທ່ານສົ່ງວົງວາງຕໍ່ເວລາທີ່ບໍ່ມີຂໍ້ຈຳນວນ.

ຄວາມຈຳນວນ 0 (ຄົງເຫນືອ): ວິດີໂອຈະສົ່ງວົງວາງຄັ້ງດຽວ.

ຄວາມຈຳນວນ 1: ວິດີໂອຈະສົ່ງວົງວາງ (ຕໍ່ເວລາທີ່ບໍ່ມີຂໍ້ຈຳນວນ).

YouTube - Loop

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

ທົດລອງດ້ວຍຕົວເອງ

YouTube Controls

ເພີ່ມ controls=0 ຈະເຮັດໃຫ້ຄວາມສະໜັບສະໜຸນວິດີໂອບໍ່ສະແດງ.

ຄວາມຈຳນວນ 0: ຄວາມສະໜັບສະໜຸນບໍ່ສະແດງ.

ຄວາມຈຳນວນ 1 (ຄົງເຫນືອ): ຄວາມສະໜັບສະໜຸນສະແດງ.

YouTube - Controls

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

ທົດລອງດ້ວຍຕົວເອງ