走进HTML5入门到精通:HTML5视频

许多时髦的网站都提供视频。HTML 5 提供了展示视频的标准。

Web 上的视频

直到现在,仍然不存在一项旨在网页上显示视频的标准。

今天,大多数视频是通过插件(比如 ">Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。

HTML 5 规定了一种通过 video 元素来包含视频的标准方法。

视频格式

当前,video 元素支持三种视频格式:

格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 1
0.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

时间: 2024-09-20 00:52:17

走进HTML5入门到精通:HTML5视频的相关文章

走进HTML5入门到精通:<video>标签

<video> 标签 定义和用法 <video> 标签定义视频,比如电影片段或其他视频流. 实例 一段简单的http://www.aliyun.com/zixun/aggregation/79228.html"> HTML5 视频: <video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签.</video>TIY<!DOCTYPE H

走进HTML5入门到精通:HTML5介绍

HTML5草案的前身名为 http://www.aliyun.com/zixun/aggregation/1.html">Web Applications 1.0.於 2004年被 WHATWG提出,於 2007年被 W3C接纳,并成立了新的 HTML工作团队.在 2008年 1月 22日,第一份正式草案已公布,预计将在 2010年 9月正式向公众推荐.WHATWG表示该规范是目前正在进行的工作,仍须多年的努力. 新标记 HTML5提供了一些新的元素和属性,例如 <nav>(网

走进HTML5入门到精通:&lt;nav&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <nav> 标签 定义和用法 <nav> 标签定义导航链接的部分. 实例 <nav><a href="index.asp">Home</a><a href="html5_meter.asp">Previous</a><a href="html5_noscript.asp"

走进HTML5入门到精通:HTML5参考手册

通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本. HTML 5 中的新特性包括了嵌入音频.视频和图形的功能,客户端数据存储,以及交互式文档. HTML 5 还包含了新的元素,比如:<nav>, <header>, <footer> 以及 <figure> 等等. HTML 5 工作组包括:AOL, http://www.aliyun.com/zixun/aggregation/5541.ht

走进HTML5入门到精通:&lt;command&gt;标签

<command> 标签 定义和用法 <command> 标签定义命令按钮,比如单选按钮.复选框或按钮. 实例 标记一个风信网(www.ithov.com)按钮: <menu><command type="command">Click Me!风信网</command></menu> 亲自试一试 HTML 4.01 与 HTML 5 之间的差异 <command> 标签是 HTML 5 中的新标签. 属性

走进HTML5入门到精通:&lt;optgroup&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <optgroup> 标签 定义和用法 <optgroup> 标签定义选项组.此元素允许您组合选项.当您使用一个长的选项列表时,对相关的选项进行组合 会使处理更加容易. HTML 4.01 与 HTML 5 之间的差异 没有. 例子 <select><optgroup label="Swedish Cars"><option http://ww

走进HTML5入门到精通:&lt;output&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <output> 标签 定义和用法 <output> 标签定义不同类型的输出,比如脚本的输出. 实例 如何在表单中使用 output 元素: <form action="form_action.asp" method="get" http://www.aliyun.com/zixun/aggregation/11696.html">

走进HTML5入门到精通:&lt;tbody&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <tbody> 标签 定义和用法 定义一段表格主体(正文). 使用 <tbody> 标签,可以将表格分为一个单独的部分.<tbody> 标签可将表格中的一行或几行合成一组. 虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有<tbody> 标签. 在 <tbody> 标签中,只有 <tr

走进HTML5入门到精通:&lt;ruby&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <ruby> 标签 定义和用法 <ruby> 标签定义 ruby 注释(中文注音或字符). 在东亚使用,显示的是东亚字符的发音. 与 <ruby> 以及 <rt> 标签一同使用: ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容. 实例