HTML Video

ມີຫຼາຍວິທີທີ່ຈະສະແດງວິດີໂອໃນ HTML.

实例

亲自试一试

ບັນຫາ, ບັນຫາ, ແລະວິທີການແກ້ໄຂ.

ບໍ່ງົບງົວທີ່ຈະສະແດງວິດີໂອໃນ HTML.

ເຈົ້າຕ້ອງຮັບຮູບຄວາມສຳຄັນຫຼາຍຢ່າງ ເພື່ອຮັບປະກັນວ່າບັນຊີວິດີໂອຂອງເຈົ້າສາມາດສະແດງໃນທຸກບັນຊີການຫຼິ້ນ (Internet Explorer, Chrome, Firefox, Safari, Opera) ແລະທຸກອຸປະກອນ (PC, Mac, iPad, iPhone).

ໃນປະຈຸບັນນີ້ CodeW3C.com ໄດ້ການລວມບັນຫາ ແລະວິທີການແກ້ໄຂສຳລັບເຈົ້າ.

ນຳໃຊ້ <embed> ອັດຕະພາບ.

ອັດຕະພາບ <embed> ແມ່ນເພື່ອລວມສິ່ງສື່ມວນຊົນໃນເວັບໄຊ HTML.

HTML ລະບຽບທີ່ລວມ Flash ວິດີໂອໃນເວັບໄຊ:

实例

<embed src="movie.swf" height="200" width="200"/>

亲自试一试

问题

  • HTML4 ບໍ່ສາມາດຮັບຮູບ <embed> ອັດຕະພາບ. ເວັບໄຊຂອງເຈົ້າບໍ່ສາມາດກວດກາໄດ້.
  • ຖ້າບັນຊີການຫຼິ້ນບໍ່ສະໜັບສະໜູນ Flash �ິດີໂອຈະບໍ່ສາມາດສະແດງ.
  • iPad ແລະ iPhone ບໍ່ສາມາດສະແດງວິດີໂອ Flash.
  • ຖ້າເຈົ້າປ່ຽນຮູບວິດີໂອເປັນຮູບແບບອື່ນໆ ຈະບໍ່ສາມາດສະແດງວິດີໂອໃນທຸກບັນຊີການຫຼິ້ນ.

ນຳໃຊ້ <object> ອັດຕະພາບ.

ອັດຕະພາບ <object> ແມ່ນເພື່ອການລວມສິ່ງສື່ມວນຊົນໃນເວັບໄຊ HTML.

HTML ພາບດ້ານລຸ່ມທີ່ລວມ Flash ວິດີໂອໃນເວັບໄຊ:

实例

<object data="movie.swf" height="200" width="200"/>

亲自试一试

问题

  • ຖ້າບັນຊີການຫຼິ້ນບໍ່ສະໜັບສະໜູນ Flash ວິດີໂອຈະບໍ່ສາມາດສະແດງ.
  • iPad ແລະ iPhone ບໍ່ສາມາດສະແດງວິດີໂອ Flash.
  • ຖ້າເຈົ້າປ່ຽນຮູບວິດີໂອເປັນຮູບແບບອື່ນໆ ຈະບໍ່ສາມາດສະແດງວິດີໂອໃນທຸກບັນຊີການຫຼິ້ນ.

ນຳໃຊ້ <video> ອັດຕະພາບ.

video> ແມ່ນອັດຕະພາບໃໝ່ໃນ HTML 5.

以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频：

实例

亲自试一试

问题

  • 您必须把视频转换为很多不同的格式。

最好的 HTML 解决方法

HTML 5 + +

亲自试一试

上例中使用了 4 中不同的视频格式。HTML 5

问题

  • 您必须把视频转换为很多不同的格式
  • 元素无法通过 HTML 4 和 XHTML 验证。

注释：使用 (HTML5) 解决验证问题。

优酷解决方案

在 HTML 中显示视频的最简单的方法是使用优酷等视频网站。

如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频：

<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" 
width="480" height="400" 
type="application/x-shockwave-flash">

亲自试一试

使用超链接

如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。

以下代码片段显示指向 AVI 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”，比如 Windows Media Player 来播放这个 AVI 文件：

实例

Play a video file

亲自试一试

关于内联视频的一段注释

当视频被包含在网页中时，它被称为内联视频。

ຖ້າທ່ານຈະນໍາໃຊ້ວິດີໂອທີ່ລວມເຂົ້າໃນ web application, ທ່ານຕ້ອງຮູ້ວ່າຫຼາຍຄົນຕາມມັນວິດີໂອທີ່ລວມເຂົ້າໃນເວັບໄຊເປັນສິ່ງທີ່ຫວັງ.

ນອກຈາກນັ້ນ ຜູ້ນຳໃຊ້ອາດໄດ້ປິດການສະໜັບສະໜູນວິດີໂອທີ່ລວມເຂົ້າໃນເວັບໄຊ.

ຄຳແນະນຳທີ່ສຸດຂອງພວກເຮົາແມ່ນພຽງແຕ່ທີ່ຜູ້ນຳໃຊ້ຕ້ອງການເຫັນວິດີໂອທີ່ລວມເຂົ້າໃນເວັບໄຊ. ບົດສະຫຼຸບທີ່ດີແມ່ນ ຜູ້ນຳໃຊ້ຕ້ອງການເຫັນວິດີໂອ ແລະ ຄວາມຈະເອົາລາຍການການປະກອບກັບການຫົກຄືນ. ບ່ອນໄປຕໍ່ໄປເວັບໄຊຈະສະແດງວິດີໂອ.

HTML 4.01 ອອກແບບສຽງ/ວີດີໂອ

ອອກແບບ ການອະທິບາຍ
<applet> ບໍ່ອະນຸຍາດ.ການກໍານົດ applet.
<embed> ບໍ່ອະນຸຍາດ.ການກໍານົດປະກອບວັດຖຸບັນຈຸ (ສຳລັບ HTML5 ອະນຸຍາດ).
<object> ການກໍານົດປະກອບວັດຖຸບັນຈຸ
<param> ການກໍານົດຂອງປະກອບວັດຖຸ

HTML 5 ອອກແບບສຽງ/ວີດີໂອ

ອອກແບບ ການອະທິບາຍ
<video> ອອກແບບແມ່ນສຽງ ເຊັ່ນ: ສຽງ.
<embed> ອອກແບບແມ່ນວິດີໂອທີ່ລວມເຂົ້າໃນເວັບໄຊ ເຊັ່ນ: ອອກແບບ.