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 应用程序中使用内联视频,您需要意识到很多人都觉得内联视频令人恼火。

同时请注意,用户可能已经关闭了浏览器中的内联视频选项。

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

HTML 4.01 ເອກະສານການສະໜັບສະໜຸນສະເພາະສະເພາະສະເພາະ

ອອກຖົງ ການອະທິບາຍ
<applet> ບໍ່ໄດ້ຮັບການສະໜັບສະໜຸນ.ການອະທິບາຍ applet.
<embed> ບໍ່ໄດ້ຮັບການສະໜັບສະໜຸນ.ການອະທິບາຍວັດຖຸບັນຈຸ (ສະເພາະ HTML 5).
<object> ການອະທິບາຍວັດຖຸບັນຈຸ.
<param> ການອະທິບາຍປະກອບສະເພາະວັດຖຸ.

ອອກຖົງສະເພາະສະເພາະ HTML 5

ອອກຖົງ ການອະທິບາຍ
<video> ອອກຖົງວັດຖຸສຽງ, ເຊັ່ນວ່າ ສຽງ.
<embed> ອອກຖົງວັດຖຸທີ່ບັນຈຸ, ເຊັ່ນວ່າ ສະໂມສອນ.