WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML——HTML5 。

为 HTML5 建立的一些规则： 新特性

1<video></video>——视频   视频格式

当前，video 元素支持三种视频格式：

格式IEFirefoxOperaChromeSafari

Ogg No 3.5+ 10.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 文件

 一般用法：

Your browser does not support the video tag.

*control属性提供播放、暂停和音量控件。标签里内容是在不支持video元素的浏览器中显示。

 针对浏览器

Internet Explorer 8 不支持 video 元素。在 IE 9 中，将提供对使用 MPEG4 的 video 元素的支持。

 为了要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。

浏览器将使用第一个可识别的视频格式：

Your browser does not support the video tag.

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。

<video> 标签的属性

属性值描述

autoplay autoplay 自动播放

controls controls 浏览器自带的控制条

height pixels 设置视频播放器的高度。

loop loop 循环播放

preload preload (预加载) 如果使用 "autoplay"，则会忽略该属性。

poster   视频封面，没有播放时显示的图片

src url 要播放的视频的 URL。

width pixels 设置视频播放器的宽度。

<video>-使用DOM进行控制

下面列出了大多数浏览器支持的视频方法、属性和事件：

方法属性事件

play()  [开始播放音频/视频] currentSrc play

pause()  [暂停当前播放的音频/视频] currentTime pause

load()  [重新加载音频/视频元素] videoWidth progress

canPlayType() [检测浏览器是否能播放指定的音频/视频类型] videoHeight error

addTextTrack()  [向音频/视频添加新的文本轨道] duration timeupdate

  ended ended

  error abort

  paused empty

  muted emptied

  seeking waiting

  volume loadedmetadata

  height  

  width  

注释：在所有属性中，只有 videoWidth 和 videoHeight 属性是立即可用的。在视频的元数据已加载后，其他属性才可用。详情

简单示例：

html:

播放/暂停大中小 Your browser does not support HTML5 video.

js:

var myVideo=document.getElementById("media"); function playPause(){ if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig(){ myVideo.width=560; } function makeSmall(){ myVideo.width=320; } function makeNormal(){ myVideo.width=420; }

来自w3school.com.cn

  2<audio></audio>——音频 音频格式

当前，audio 元素支持三种音频格式：

 IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0

Ogg Vorbis   √ √ √  

MP3 √     √ √

Wav   √ √   √

一般用法

Your browser does not support the audio tag.

 针对浏览器：

一个 Ogg 文件，适用于Firefox、Opera 以及 Chrome 浏览器。

为了要确保适用于 Safari 浏览器，音频文件必须是 MP3 或 Wav 类型。

Internet Explorer 8 不支持 audio 元素。在 IE 9 中，将提供对 audio 元素的支持。

audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式：

　　　　 Your browser does not support the audio tag.

<audio> 标签的属性

属性值描述

autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。

controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。

loop loop 如果出现该属性，则每当音频结束时重新开始播放。

preload preload

如果出现该属性，则音频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

src url 要播放的音频的 URL。

 

  获取HTMLVideoElement和HTMLAudioElement对象

js代码：

Media = new Audio("http://www.abc.com/test.mp3"); Media = document.getElementById("media");

Media方法和属性：

HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMediaElement