ໂຄດວິດີໂອ HTML 5 ເຮັດໃຫ້ມັນງ່າຍທີ່ຈະເພີ່ມວິດີໂອໃນ ຫນ້າເວັບ ຂອງທ່ານ. ແຕ່ໃນຂະນະທີ່ມັນປາກົດຢູ່ເທິງຫນ້າດິນ, ມັນມີສິ່ງຫຼາຍຢ່າງທີ່ທ່ານຕ້ອງເຮັດເພື່ອໃຫ້ວິດີໂອຂອງທ່ານຂຶ້ນແລະແລ່ນ. ບົດແນະນໍານີ້ຈະນໍາທ່ານຜ່ານຂັ້ນຕອນໃນການສ້າງຫນ້າໃນ HTML 5 ທີ່ຈະດໍາເນີນການວິດີໂອໃນທຸກຕົວທ່ອງເວັບທີ່ທັນສະໄຫມ.
- Hosting Your Own HTML 5 ວີດີໂອແລະການນໍາໃຊ້ YouTube
- ບົດສະຫຼຸບຢ່າງລວດໄວຂອງການສະຫນັບສະຫນຸນວິດີໂອເທິງເວັບ
- ສ້າງແລະແກ້ໄຂວິດີໂອຂອງທ່ານ
- ແປງວິດີໂອເພື່ອ Ogg ສໍາລັບ Firefox
- ແປງວິດີໂອເປັນ MP4 ສໍາລັບ Safari
- ແປງວິດີໂອເພື່ອ FLV ສໍາລັບ Internet Explorer
- ເພີ່ມອົງປະກອບວິດີໂອໃນຫນ້າເວັບຂອງທ່ານ
- ເພີ່ມ JavaScript ແລະ Flash Player ເພື່ອໃຫ້ Internet Explorer ເຮັດວຽກ Part 1
- ທົດສອບໃນຫລາຍຕົວທ່ອງເວັບຕາມທີ່ທ່ານສາມາດເຮັດໄດ້
01 of 10
Hosting Your Own HTML 5 ວີດີໂອແລະການນໍາໃຊ້ YouTube
YouTube ເປັນເວັບໄຊທ໌ທີ່ດີ. ມັນເຮັດໃຫ້ມັນງ່າຍທີ່ຈະຝັງວິດີໂອເຂົ້າໄປໃນ ຫນ້າເວັບ ຢ່າງໄວວາ, ແລະມີຂໍ້ຍົກເວັ້ນເລັກນ້ອຍບາງຢ່າງທີ່ບໍ່ຖືກຕ້ອງໃນການປະຕິບັດວິດີໂອເຫລົ່ານັ້ນ. ຖ້າທ່ານສະແດງວິດີໂອໃນ YouTube, ທ່ານສາມາດຫມັ້ນໃຈໄດ້ວ່າຜູ້ໃດຈະສາມາດເບິ່ງໄດ້.
ແຕ່ການໃຊ້ YouTube ເພື່ອການຕິດຕັ້ງວິດີໂອຂອງທ່ານມີບາງບັນຫາ
ບັນຫາສ່ວນໃຫຍ່ທີ່ມີຢູ່ໃນ YouTube ແມ່ນຢູ່ໃນຜູ້ບໍລິໂພກ, ແທນທີ່ຈະຢູ່ໃນດ້ານການອອກແບບ, ສິ່ງຕ່າງໆເຊັ່ນ:
- ການຄົ້ນຫາແລະດັດສະນີຊ້າ
- ການສູນເສຍເຄື່ອງແມ່ຂ່າຍ
- ເນື້ອຫາທີ່ຖືກລຶບອອກມາ (ເບິ່ງຄືວ່າ) ໂດຍກົງ
- ເນື້ອຫາທີ່ບໍ່ດີຫຼາຍເກີນໄປ
ແຕ່ມີເຫດຜົນບາງຢ່າງທີ່ YouTube ບໍ່ດີສໍາລັບນັກພັດທະນາເນື້ອຫາເຊັ່ນ:
- ຄວາມຍາວສູງສຸດ 10 ນາທີສໍາລັບວິດີໂອ (ສໍາລັບບັນຊີຟຣີ)
- ການປະຕິບັດການອັບໂຫລດທີ່ບໍ່ດີ
- YouTube ໄດ້ຮັບສິດໃຊ້ການນໍາໃຊ້ທີ່ບໍ່ຈໍາກັດກັບວິດີໂອຂອງທ່ານ
- ຜູ້ໃຊ້ YouTube ໃດໆຈະໄດ້ຮັບສິດໃຊ້ການນໍາໃຊ້ບໍ່ຈໍາກັດກັບວິດີໂອຂອງທ່ານ
HTML 5 Video ໃຫ້ຂໍ້ສະເຫນີບາງຢ່າງໃນ YouTube
ການນໍາໃຊ້ HTML 5 ສໍາລັບວິດີໂອຈະຊ່ວຍໃຫ້ທ່ານສາມາດຄວບຄຸມທຸກໆດ້ານຂອງວິດີໂອຂອງທ່ານ, ຈາກຜູ້ທີ່ສາມາດເບິ່ງມັນໄດ້, ໄລຍະເວລາດົນນານ, ສິ່ງທີ່ເນື້ອຫາຢູ່, ບ່ອນທີ່ມັນຖືກໂຮດແລະວິທີການເຮັດວຽກຂອງເຄື່ອງແມ່ຂ່າຍ. ແລະວິດີໂອ HTML5 ໃຫ້ທ່ານມີໂອກາດທີ່ຈະເຂົ້າລະຫັດວິດີໂອຂອງທ່ານໃນຫຼາຍຮູບແບບທີ່ທ່ານຕ້ອງການເພື່ອໃຫ້ແນ່ໃຈວ່າຈໍານວນຄົນທີ່ສາມາດເບິ່ງໄດ້. ລູກຄ້າຂອງທ່ານບໍ່ຕ້ອງການປັ໊ກອິນຫຼືລໍຖ້າ YouTube ປ່ອຍເວີຊັນໃຫມ່.
ແນ່ນອນ, HTML 5 Video ສະເຫນີບາງຈຸດອ່ອນ
ເຫຼົ່ານີ້ລວມມີ:
- ທ່ານຕ້ອງເຂົ້າລະຫັດວິດີໂອຂອງທ່ານຢູ່ໃນຢ່າງຫນ້ອຍສາມຕົວແປງສັນຍານທີ່ແຕກຕ່າງກັນ
- ທ່ານຕ້ອງປະກອບມີ JavaScript ບາງຢ່າງເພື່ອໃຫ້ແນ່ໃຈວ່າຕົວທ່ອງເວັບທີ່ບໍ່ສະຫນັບສະຫນູນ HTML 5 ຈະເຮັດວຽກ
- ເຄື່ອງແມ່ຂ່າຍຂອງທ່ານຕ້ອງມີຄວາມສາມາດຈັດການຄວາມຕ້ອງການຂອງແບນວິດຂອງວີດີໂອໂຮດຕິ້ງ
02 of 10
ບົດສະຫຼຸບຢ່າງລວດໄວຂອງການສະຫນັບສະຫນຸນວິດີໂອເທິງເວັບ
ການເພີ່ມວິດີໂອໃນຫນ້າເວັບແມ່ນເປັນຂະບວນການທີ່ຍາກລໍາບາກ. ມີສິ່ງຫຼາຍຢ່າງທີ່ອາດຈະຜິດພາດ:
- ຫນ້າທໍາອິດ, ທ່ານໃຊ້
- ດັ່ງນັ້ນທ່ານສະຫຼັບກັບ
- ຫຼັງຈາກນັ້ນ, ທ່ານຄິດວ່າ " Flash !" ແລະ encode ວິດີໂອຂອງທ່ານເປັນໄຟລ໌ FLV. ແຕ່ Flash ບໍ່ໄດ້ຮັບການສະຫນັບສະຫນູນໃນອຸປະກອນມືຖືຈໍານວນຫຼາຍແລະປະຊາຊົນຈໍານວນຫຼາຍໄດ້ກຽດຊັງ Flash ບໍ່ວ່າມັນຖືກນໍາໃຊ້ (25% ຂອງຜູ້ຕອບແບບ ສໍາຫຼວດ ຂອງຂ້ອຍທີ່ ຖາມກ່ຽວກັບວິທີທີ່ທ່ານຮູ້ສຶກກ່ຽວກັບ Flash ກ່າວວ່າພວກເຂົາບໍ່ສາມາດຢືນ Flash ໄດ້ໃນທາງໃດກໍ່ຕາມ).
- ດັ່ງນັ້ນ, ທ່ານຕັດສິນໃຈທີ່ຈະອັບໂຫລດວິດີໂອຂອງທ່ານໄປຫາເວັບໄຊທ໌ວິດີໂອເຊັ່ນ YouTube, ແຕ່ຫຼັງຈາກນັ້ນທ່ານມີບັນຫາກັບ YouTube ທີ່ພວກເຮົາໄດ້ສົນທະນາ.
- ສຸດທ້າຍ, ທ່ານຕັດສິນໃຈໄປກັບ HTML 5, ແຕ່ Internet Explorer ບໍ່ສະຫນັບສະຫນູນມັນ (ຈົນກ່ວາ Internet Explorer 9). ແລະເຖິງແມ່ນວ່າທ່ານເຮັດ, ມີສອງມາດຕະຖານ codec ວິດີໂອທີ່ສະຫນັບສະຫນູນແລະມີພຽງແຕ່ຕົວທ່ອງເວັບທີ່ສາມາດໃຊ້ທັງສອງ. ການສະຫນັບສະຫນູນຂອງຕົວທ່ອງເວັບສໍາລັບ Video Codecs ແລະ Containers
ດັ່ງນັ້ນສິ່ງທີ່ທ່ານຄວນເຮັດແນວໃດ? ການໃຫ້ວີດີໂອແມ່ນບໍ່ມີທາງເລືອກສໍາລັບເວັບໄຊທ໌ສ່ວນຫຼາຍ, ຍ້ອນວ່າວິດີໂອແມ່ນກາຍເປັນສິ່ງສໍາຄັນຫຼາຍ. ແລະສະຖານທີ່ຫຼາຍຄົນໄດ້ປ່ຽນວິດີໂອຢ່າງສໍາເລັດຜົນ.
ຫນ້າຕໍ່ໄປນີ້ຂອງບົດຄວາມນີ້ຈະກ້າວເຂົ້າສູ່ວິທີການເພີ່ມວິດີໂອໃນຫນ້າເວັບຕ່າງໆທີ່ເຮັດວຽກໃນ Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 ແລະ 4, iPhone ແລະ Android, Flash ແລະ Internet Explorer 7 ແລະ 8. ທ່ານຈະ ຍັງມີປຸ່ມທີ່ທ່ານຕ້ອງການເພື່ອເພີ່ມການສະຫນັບສະຫນູນສໍາລັບຕົວທ່ອງເວັບທີ່ມີອາຍຸສູງສຸດອື່ນໆຖ້າຈໍາເປັນ.
03 of 10
ສ້າງແລະແກ້ໄຂວິດີໂອຂອງທ່ານ
ສິ່ງທໍາອິດທີ່ທ່ານຕ້ອງການເມື່ອທ່ານກໍາລັງໃສ່ວິດີໂອໃນຫນ້າເວັບແມ່ນວິດີໂອທີ່ແທ້ຈິງ. ທ່ານສາມາດຫນໍ່ໄມ້ສ່ວນຫຼາຍຢ່າງຕໍ່ເນື່ອງແລະແກ້ໄຂຫຼັງຈາກນັ້ນເພື່ອສ້າງຄຸນນະສົມບັດ, ຫຼືທ່ານສາມາດ script ມັນແລະວາງແຜນອອກກ່ອນເວລາ. ວິທີການໃດກໍ່ດີ, ມັນກໍ່ແມ່ນສິ່ງທີ່ທ່ານສະດວກສະບາຍ. ຖ້າທ່ານບໍ່ຮູ້ວ່າວິດີໂອປະເພດໃດແດ່ທີ່ທ່ານຄວນເຮັດ, ໃຫ້ກວດເບິ່ງຄວາມຄິດເຫຼົ່ານີ້ຈາກຄູ່ມືວິດີໂອ desktop:
- ໂຄງການວິດີໂອຄອບຄົວ
- ວິດີໂອການໂຄສະນາແລະການໂຄສະນາ
- Video Virtual Tours
- ວິທີການວິດີໂອ
- Wedding Videos
ຮຽນຮູ້ວິທີການບັນທຶກວິດີໂອທີ່ມີຄຸນນະພາບສູງ
ໃຫ້ແນ່ໃຈວ່າທ່ານຮູ້ວິທີການບັນທຶກໃນບ້ານແລະກາງແຈ້ງເຊັ່ນດຽວກັບວິທີການບັນທຶກສຽງ. ແສງສະຫວ່າງກໍ່ແມ່ນສິ່ງທີ່ສໍາຄັນຫຼາຍ - ການສັ່ນສະເທືອນທີ່ສົດໃສເກີນໄປຕາແລະຊ້ໍາເກີນໄປພຽງແຕ່ເບິ່ງບໍ່ດີແລະບໍ່ມີປະສິດທິພາບ. ເຖິງແມ່ນວ່າທ່ານພຽງແຕ່ວາງແຜນທີ່ຈະມີວີດີໂອ 30 ວິນາທີໃນເວັບໄຊທ໌ຂອງທ່ານ, ຄຸນນະພາບທີ່ດີກວ່າມັນຈະດີກວ່າມັນຈະສະທ້ອນໃຫ້ເຫັນໃນເວັບໄຊທ໌ຂອງທ່ານ.
ຈົ່ງຈື່ໄວ້ວ່າ ລິຂະສິດ ນໍາໃຊ້ກັບສຽງຫຼືດົນຕີ (ລວມທັງຮູບພາບຫຼັກຊັບ) ທີ່ທ່ານອາດຈະຕ້ອງການນໍາໃຊ້ໃນວິດີໂອຂອງທ່ານ. ຖ້າທ່ານບໍ່ສາມາດເຂົ້າຫາຫມູ່ທີ່ສາມາດຂຽນແລະຫຼິ້ນເພງສໍາລັບທ່ານໄດ້, ທ່ານຈໍາເປັນຕ້ອງຊອກເພງທີ່ບໍ່ເສຍຄ່າເພື່ອຫລິ້ນໃນພື້ນຫລັງ. ນອກນັ້ນຍັງມີສະຖານທີ່ຕ່າງໆທີ່ທ່ານສາມາດວາງໄວ້ເພື່ອເພີ່ມວິດີໂອຂອງທ່ານ.
ການແກ້ໄຂວິດີໂອຂອງທ່ານ
ມັນບໍ່ສໍາຄັນວ່າຊອບແວດັດແກ້ທີ່ທ່ານໃຊ້, ພຽງແຕ່ທ່ານສາມາດນໍາໃຊ້ມັນໄດ້ຢ່າງມີປະສິດຕິພາບແລະສາມາດນໍາໃຊ້ໄດ້ຢ່າງມີປະສິດທິພາບ. Gretchen, ຄູ່ມືວິດີໂອຄອມພິວເຕີ້, ມີຄໍາແນະນໍາແກ້ໄຂວິດີໂອບາງຢ່າງທີ່ສາມາດຊ່ວຍທ່ານແກ້ໄຂວິດີໂອຂອງທ່ານເພື່ອໃຫ້ພວກເຂົາເບິ່ງທີ່ດີເລີດ.
ບັນທຶກວິດີໂອຂອງທ່ານໃຫ້ MOV ຫຼື AVI (ຫຼື MPG, CD, DV)
ສໍາລັບສ່ວນທີ່ເຫຼືອຂອງບົດຮຽນນີ້, ພວກເຮົາຈະສົມມຸດວ່າທ່ານມີວິດີໂອຂອງທ່ານຖືກບັນທຶກໄວ້ໃນຮູບແບບທີ່ມີຄຸນນະພາບສູງ (ບໍ່ໄດ້ບີບອັດ) ບາງຢ່າງເຊັ່ນ AVI ຫຼື MOV. ໃນຂະນະທີ່ທ່ານສາມາດນໍາໃຊ້ໄຟລ໌ເຫຼົ່ານີ້ຍ້ອນວ່າເຂົາເຈົ້າມີ, ທ່ານຈະແລ່ນເຂົ້າໄປໃນບັນຫາທັງຫມົດທີ່ມີວິດີໂອທີ່ພວກເຮົາໄດ້ສົນທະນາແລ້ວ. ຫນ້າຕໍ່ໄປນີ້ຈະອະທິບາຍວິທີການແປງໄຟລ໌ຂອງທ່ານເປັນສາມປະເພດດັ່ງນັ້ນມັນສາມາດເບິ່ງໄດ້ໂດຍຕົວທ່ອງເວັບທີ່ໃຫຍ່ທີ່ສຸດ.
04 of 10
ແປງວິດີໂອເພື່ອ Ogg ສໍາລັບ Firefox
ຮູບແບບທໍາອິດທີ່ພວກເຮົາຈະປ່ຽນເປັນ Ogg (ບາງຄັ້ງເອີ້ນວ່າ Ogg-Theora). ຮູບແບບນີ້ແມ່ນຫນຶ່ງທີ່ Firefox 3.5, Opera 10.5, ແລະ Chrome 3 ສາມາດເບິ່ງທັງຫມົດ.
ແຕ່ຫນ້າເສຍດາຍ, ໃນຂະນະທີ່ Ogg ມີການສະຫນັບສະຫນູນຂອງຕົວທ່ອງເວັບ, ຫຼາຍໆໂຄງການວິດີໂອທີ່ມີຊື່ສຽງທີ່ທ່ານສາມາດຊື້ (Adobe Media Encoder, QuickTime, ແລະອື່ນໆ) ບໍ່ສະເຫນີທາງເລືອກການປ່ຽນແປງ Ogg. ດັ່ງນັ້ນວິທີດຽວທີ່ຈະປ່ຽນວິດີໂອຂອງທ່ານໄປ Ogg ແມ່ນເພື່ອຊອກຫາໂຄງການການປ່ຽນໃຈເຫລື້ອມໃສໃນເວັບ.
ຕົວເລືອກການແປງ
ມີເຄື່ອງມືອອນໄລນ໌ທີ່ເອີ້ນວ່າ Media-Convert ເຊິ່ງອ້າງວ່າມີການປ່ຽນຮູບແບບຕ່າງໆຂອງວິດີໂອ (ແລະສຽງ) ເຂົ້າໄປໃນຮູບແບບວິດີໂອອື່ນໆ (ແລະສຽງ). ໃນເວລາທີ່ພວກເຮົາພະຍາຍາມມັນກັບວິດີໂອການທົດສອບ 3 ວິນາທີຂອງຂ້ອຍ, ພວກເຮົາບໍ່ສາມາດເຮັດໃຫ້ມັນເຮັດວຽກກັບ Mac ຂອງຂ້ອຍໄດ້. ແຕ່ທ່ານອາດຈະມີໂຊກດີກວ່າ. ເວັບໄຊທ໌ນີ້ມີຜົນປະໂຫຍດຈາກການເປັນອິດສະຫຼະ.
ບາງເຄື່ອງມືອື່ນໆທີ່ພວກເຮົາພົບເຫັນລວມມີ:
- Miro Video Converter (Windows Macintosh) - ໂຄງການນີ້ມີຜົນປະໂຫຍດຈາກການປ່ຽນແປງທັງ Ogg ແລະ MP4 (H.264) ແລະມັນເປັນແຫຼ່ງເປີດ.
- Koyote Video Converter (Windows)
- Free Video Converter ພວກເຮົາຄິດວ່ານີ້ມີທັງ Windows ແລະ Macintosh version, ແຕ່ວ່າມັນແມ່ນການຍາກທີ່ຈະບອກຈາກເວັບໄຊທ໌ຂອງພວກເຂົາ
- ຕົວຢ່າງ Theora Encoder (Macintosh) - ນີ້ແມ່ນຫນຶ່ງໃນພວກເຮົາມີແນວໂນ້ມທີ່ຈະໃຊ້.
ເມື່ອທ່ານໄດ້ບັນທຶກວິດີໂອຂອງທ່ານໃນຮູບແບບ Ogg, ໃຫ້ບັນທຶກມັນໄປບ່ອນສະຖານທີ່ຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານແລະໄປຫນ້າຕໍ່ໄປເພື່ອແປງມັນໄປຍັງຮູບແບບອື່ນໆສໍາລັບຕົວທ່ອງເວັບອື່ນໆ.
05 of 10
ແປງວິດີໂອເປັນ MP4 ສໍາລັບ Safari
ຮູບແບບຕໍ່ໄປທີ່ທ່ານຄວນແປງວີດີໂອຂອງທ່ານເຂົ້າໄປໃນ MP4 (ວິດີໂອ H.264) ເພື່ອໃຫ້ມັນສາມາດຫຼິ້ນໄດ້ໃນ Safari 3 ແລະ 4 ແລະ iPhone ແລະ Android. ນອກຈາກນີ້, ວິດີໂອ H.264 ສາມາດໄດ້ຮັບການປ່ຽນແປງໄດ້ຢ່າງງ່າຍດາຍເປັນໄຟລ໌ FLV ສໍາລັບການສັງເກດເບິ່ງໃນ Flash.
ຮູບແບບນີ້ແມ່ນມີຢູ່ຫຼາຍໃນຜະລິດຕະພັນການຄ້າ, ແລະທ່ານອາດຈະມີໂຄງການທີ່ຈະແປງ MP4 ຖ້າທ່ານມີບັນນາທິການວິດີໂອ. ຖ້າທ່ານມີ Adobe Premiere ທ່ານສາມາດໃຊ້ Adobe Video Encoder ຫຼືຖ້າທ່ານມີ QuickTime Pro ທີ່ຈະເຮັດວຽກເຊັ່ນກັນ. ຫຼາຍຂອງແປງທີ່ພວກເຮົາປຶກສາຫາລືໃນຫນ້າທີ່ຜ່ານມາກໍ່ຈະປ່ຽນວິດີໂອເປັນ MP4.
- Media-Convert - ເຄື່ອງມືອອນໄລນ໌
- Miro Video Converter (Windows Macintosh) - ໂຄງການນີ້ມີຜົນປະໂຫຍດຈາກການປ່ຽນແປງທັງ Ogg ແລະ MP4 (H.264) ແລະມັນເປັນແຫຼ່ງເປີດ.
- SUPER (Windows) - ຈະປ່ຽນປະເພດໄຟລ໌ທີ່ແຕກຕ່າງກັນຫຼາຍເປັນ MP4 ແລະ FLV
- Free Video Converter ພວກເຮົາຄິດວ່ານີ້ມີທັງ Windows ແລະ Macintosh version, ແຕ່ວ່າມັນແມ່ນການຍາກທີ່ຈະບອກຈາກເວັບໄຊທ໌ຂອງພວກເຂົາ
ບັນທຶກໄຟລ໌ MP4 ຂອງທ່ານກັບເວັບໄຊທ໌ຂອງທ່ານແລະຫຼັງຈາກນັ້ນທ່ານຈະຕ້ອງແປງມັນໄປເປັນ Flash ສໍາລັບ Internet Explorer ເພື່ອນໍາໃຊ້.
06 of 10
ແປງວິດີໂອເພື່ອ FLV ສໍາລັບ Internet Explorer
ວິທີທີ່ງ່າຍທີ່ສຸດໃນການແປງວິດີໂອເພື່ອ FLV ແມ່ນການນໍາໃຊ້ Flash ເອງ. ນັ້ນຄືວິທີທີ່ພວກເຮົາແປງວິດີໂອຂອງຂ້ອຍໄປໃນ Flash. ແຕ່ຖ້າທ່ານບໍ່ມີ Flash, ນີ້ແມ່ນເຄື່ອງມືທີ່ມີຊື່ສຽງສອງຢ່າງສໍາລັບການແປງໄຟລ໌ໄປຍັງ FLV:
- SUPER (Windows) - ຈະປ່ຽນປະເພດໄຟລ໌ທີ່ແຕກຕ່າງກັນຫຼາຍເປັນ MP4 ແລະ FLV
- ffmpegX (Macintosh) - ຈະແປງປະເພດໄຟລ໌ທີ່ແຕກຕ່າງກັນຫຼາຍກັບ Mp4 ແລະ FLV.
ບັນທຶກໄຟລ໌ FLV ຂອງທ່ານກັບເວັບໄຊທ໌ຂອງທ່ານແລະໃນຫນ້າຕໍ່ໄປຈະສະແດງວິທີການຂຽນ HTML ເພື່ອໃຫ້ທ່ານສາມາດຫຼິ້ນວິດີໂອຂອງທ່ານ.
07 of 10
ເພີ່ມອົງປະກອບວິດີໂອໃນຫນ້າເວັບຂອງທ່ານ
ມັນງ່າຍທີ່ຈະໃຊ້ HTML 5 ເພື່ອເພີ່ມວິດີໂອໃນຫນ້າເວັບຕ່າງໆ. ຕົວທ່ອງເວັບທີ່ທັນສະໄຫມຫຼາຍທີ່ສຸດສະຫນັບສະຫນູນວິດີໂອ HTML 5, ເຖິງແມ່ນວ່າພວກເຂົາເຈົ້າບໍ່ໄດ້ສະຫນັບສະຫນູນມັນທັງຫມົດໃນແບບດຽວກັນ. ແຕ່ສິ່ງນີ້ຫມາຍຄວາມວ່າຖ້າທ່ານບັນທຶກວິດີໂອຂອງທ່ານເປັນຮູບແບບ Ogg ແລະ MP4 ທ່ານຈະສາມາດຂຽນໄດ້ພຽງ 4 ຫຼື 5 ສາຍ HTML ເພື່ອໃຫ້ມັນສະແດງໃນຕົວທ່ອງເວັບທີ່ທັນສະໄຫມຫຼາຍທີ່ສຸດ (ຍົກເວັ້ນ Internet Explorer 8). ນີ້ແມ່ນວິທີ:
- ຂຽນ HTML markpoint 5 ຕົວເພື່ອໃຫ້ຕົວທ່ອງເວັບຮູ້ວ່າຈະຄາດຫວັງ HTML 5:
- ສ້າງຫນ້າເວັບຂອງທ່ານຕາມປົກກະຕິທ່ານຈະສ້າງມັນ:
title>
head>
body>
html> - ພາຍໃນຮ່າງກາຍໃສ່ປ້າຍ
- ຕັດສິນໃຈສິ່ງທີ່ຄຸນຕ້ອງການວິດີໂອຂອງທ່ານ:
- autoplay - ເພື່ອເລີ່ມຕົ້ນໃນທັນທີທີ່ມັນໄດ້ດາວໂຫຼດ
- ການຄວບຄຸມ - ອະນຸຍາດໃຫ້ຜູ້ອ່ານຂອງທ່ານຄວບຄຸມວິດີໂອ (ພັກໄວ້, ລວດໄວ, ໄວຕໍ່)
- loop - ເລີ່ມຕົ້ນວິດີໂອຈາກຕອນເລີ່ມຕົ້ນໃນເວລາທີ່ມັນສິ້ນສຸດລົງ
- ດາວໂຫລດກ່ອນດາວໂຫລດວິດີໂອດັ່ງນັ້ນມັນພ້ອມທີ່ຈະໄວຂຶ້ນເມື່ອລູກຄ້າຄລິກໃສ່ມັນ
- ໂປດເຕີ - ກໍານົດຮູບພາບທີ່ທ່ານຕ້ອງການໃຊ້ເມື່ອເວລາທີ່ຖືກຢຸດເຊົາ
video> - ຫຼັງຈາກນັ້ນ, ຕື່ມການໄຟລ໌ແຫຼ່ງສໍາລັບສອງສະບັບຂອງວິດີໂອຂອງທ່ານ (MP4 ແລະ OGG) ພາຍໃນອົງປະກອບ
:
- ເປີດຫນ້າໃນ Chrome 1, Firefox 3.5, Opera 10 ແລະ / ຫຼື Safari 4 ແລະໃຫ້ແນ່ໃຈວ່າມັນສະແດງຢ່າງຖືກຕ້ອງ. ທ່ານຄວນທົດສອບມັນຢ່າງຫນ້ອຍ Firefox 3.5 ແລະ Safari 4 - ຍ້ອນວ່າພວກເຂົາໃຊ້ codec ທີ່ແຕກຕ່າງກັນ.
ນັ້ນມັນ. ເມື່ອທ່ານມີລະຫັດນີ້ທ່ານຈະມີວິດີໂອທີ່ເຮັດວຽກໃນ Firefox 3.5, Safari 4, Opera 10, ແລະ Chrome 1. ແຕ່ຈະເປັນແນວໃດກ່ຽວກັບ Internet Explorer?
Internet Explorer ບໍ່ຊອບ HTML 5 ຫຼື Tag
ໃນພາກຕໍ່ໄປ, ພວກເຮົາຈະເວົ້າກ່ຽວກັບສິ່ງທີ່ທ່ານສາມາດເຮັດໄດ້ເພື່ອໃຫ້ IE 8 ສາມາດຫລິ້ນໄດ້ດີກັບ HTML tags HTML ຂອງທ່ານແລະສະແດງວິດີໂອ. ທ່ານຕ້ອງໃຊ້ Flash. ຂ່າວດີແມ່ນວ່າ IE 9 ຄາດວ່າຈະສະຫນັບສະຫນູນ HTML 5 ແລະແທັບວິດີໂອ.
08 of 10
ເພີ່ມ JavaScript ແລະ Flash Player ເພື່ອໃຫ້ Internet Explorer ເຮັດວຽກ
ທ່ານອາດຈະສັງເກດເຫັນວ່າໃນ HTML ຫນ້າຂອງຫນ້າກ່ອນຫນ້າ, ບໍ່ມີເສັ້ນທາງແຫຼ່ງສໍາລັບໄຟລ໌ FLV. ແລະຖ້າທ່ານໄດ້ທົດສອບຫນ້ານັ້ນໃນ Internet Explorer ມັນຈະບໍ່ເຮັດວຽກ. ນັ້ນແມ່ນຍ້ອນວ່າ Internet Explorer ບໍ່ໄດ້ຮັບຮູ້ HTML 5 ແລະມັນບໍ່ສາມາດຫລິ້ນໄດ້ທັງ OGG ຫຼື MP4 ວິດີໂອ. ເພື່ອໃຫ້ Internet Explorer 7 ແລະ 8 ເຮັດວຽກ, ທ່ານຈໍາເປັນຕ້ອງໄດ້ຫລິ້ນວີດີໂອເປັນ Flash. ແຕ່ມີຂັ້ນຕອນຫຼາຍເພື່ອໃຫ້ມັນສາມາດເຮັດວຽກໄດ້ກ່ວາພຽງແຕ່ເພີ່ມໄຟລ໌ FLV.
ຂັ້ນຕອນທີ 1: ໄດ້ຮັບ Flash Video Player ສໍາລັບເວັບໄຊທ໌ຂອງທ່ານ
ພວກເຮົາຂໍແນະນໍາໃຫ້ FlowPlayer ເປັນເຄື່ອງຫຼິ້ນວີດີໂອ Flash ທີ່ສາມາດຕິດຕັ້ງຢູ່ໃນເຄື່ອງແມ່ຂ່າຍເວັບຂອງທ່ານແລະໃຊ້ເວລາທີ່ທ່ານມີວິດີໂອ Flash ທີ່ຈະຫລິ້ນ. ເວີຊັນຟຣີຂອງ FlowPlayer inserts ໂຄສະນາໃນວິດີໂອຂອງທ່ານ, ແຕ່ທ່ານກໍ່ສາມາດຊື້ໃບອະນຸຍາດທາງການຄ້າຖ້າທ່ານຕ້ອງການ.
ປະຕິບັດຕາມຄໍາແນະນໍາໃນເວັບໄຊ FlowPlayer ເພື່ອຕິດຕັ້ງ FlowPlayer ໃນເວັບໄຊທ໌ຂອງທ່ານ. ໃນທີ່ສຸດ, ທ່ານຈະຕິດຕັ້ງໄຟລ໌ SWF 2 ແລະໄຟລ໌ JavaScript ຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ. ຢູ່ທາງລຸ່ມຂອງ HTML ຂອງທ່ານ, (ກ່ອນທີ່ແທັກ body>) ທ່ານຈະເພີ່ມເສັ້ນ: