3、视频和音频
很多的视频都是通过插件（比如flash）来实现的，但并不是所有的浏览器都拥有相同的插件，为了能让视频和音频在网页内播放成功，HTML5规定了一种通过video，audio来包含视频播放的标准。
video----支持格式有ogg，MP3，webm
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>video标签</title> <style> </style> </head> <body> <video src="xxx.ogg"></video> <video src="xxx.mp4"></video> <!--可以嵌套多个video标签，用于表现同一个播放源的多种播放方式，第一个视频格式不支持的时候会轮到下一个标签，直到成功--> Sorry, your browser doesn't support video. Try another browser. </body> </html>
video的方法，属性，事件可以使用js来控制。
方法：play(),pause(),load(),分别是播放，停止，加载方法。
属性：width,height,controls。width和height属性值为像素或者百分比，功能是设置播放窗口的宽度和高度。controls属性值为boolean，功能是控制播放条。
控制：使用DOM
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>video</title> <style> </style> </head> <body> <div style="text-align: center;"> <button onclick="playPause">play/pause</button> <button onclick="makeBigger">bigger</button> <button onclick="makeSmaller">smaller</button> <button onclick="makeNormal">normal</button> </div> <video id="myVideo" width="420"> <source src="xxx.ogg"> <source src="xxx.mp4"> Sorry, your browser doesn't support video. Try another browser. </video> </body> <script> var myVideo = document.getElementById("myVideo"); function playPause(){ if(myVideo.paused) myVideo.play(); } function makeBigger(){ myVideo.width = 560; } function makeSmaller(){ myVideo.width = 320; } function makeNormal(){ myVideo.width = 420; } </script> </html>
audio----支持格式有ogg,Wav,mp3
audio可以实现与flash相同的功能，比如回放，跳转缓冲等等。与video用法相似。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>audio标签</title> <style> </style> </head> <body> <audio controls> <source src="xxx.mp3"> <source src="xxx.Wav"> </audio> Sorry, your browser doesn't support audio. Try another browser. </body> </html>
