簡介 ---------------------------------------------------------------------------------------------------------
我這裏簡單寫一些，大家最好是 在網上找一些看看，本節主要是界面VIdeo和Audio標籤
View
Code
HTML5 是下一代的 HTML。 什麼是 HTML5？ HTML5 將成爲 HTML、XHTML 以及 HTML DOM 的新標準。 HTML 的上一個版本誕生於 1999 年。自從那以後，Web 世界已經經歷了鉅變。 HTML5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。 HTML5 是如何起步的？ HTML5 是 W3C 與 WHATWG 合作的結果。 編者注：W3C 指 World Wide Web Consortium，萬維網聯盟。 編者注：WHATWG 指 Web Hypertext Application Technology Working Group。 WHATWG 致力於 web 表單和應用程序，而 W3C 專注於 XHTML 2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。 爲 HTML5 建立的一些規則： •新特性應該基於 HTML、CSS、DOM 以及 JavaScript。 •減少對外部插件的需求（比如 Flash） •更優秀的錯誤處理 •更多取代腳本的標記 •HTML5 應該獨立於設備 •開發進程應對公衆透明 新特性 HTML5 中的一些有趣的新特性： •用於繪畫的 canvas 元素 •用於媒介回放的 video 和 audio 元素 •對本地離線存儲的更好的支持 •新的特殊內容元素，比如 article、footer、header、nav、section •新的表單控件，比如 calendar、date、time、email、url、search 瀏覽器支持 最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。
安裝智能提示 -----------------------------------------------------------------------------------------------------------
智能提示是不能少的，對於大多數程序員來說這是很好的工具，大家參考一下吧
下載 地址：http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d
下載完成後直接安裝就行了，
然後對你的Vs2008/2010設置一下
工具---選項---文本編輯--HTml--驗證，如下圖片
然後就可以在輸入時有提示了，這個就不演示了，因爲這對於程序員來說是常識。呵呵
咱們先一起來看一下video標籤吧，在我們開始之前先來看看都有那些瀏覽器支持它吧
當前，video 元素支持三種視頻格式：
| 格式 | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| 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 文件
一起來看看它都有那些屬性吧
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出現該屬性，則視頻在就緒後馬上播放。 |
| controls | controls | 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。 |
| height | pixels | 設置視頻播放器的高度。 |
| loop | loop | 如果出現該屬性，則當媒介文件完成播放後再次開始播放。 |
| preload | preload |
如果出現該屬性，則視頻在頁面加載時進行加載，並預備播放。 如果使用 "autoplay"，則忽略該屬性。 |
| src | url | 要播放的視頻的 URL。 |
| width | pixels |
設置視頻播放器的寬度。 |
下面咱們一起來看一個例子
<!DOCTYPE HTML>
<html>
<body>
<video controls="controls" width="500" height="500">
<source src="video/123.mp4" type="video/mp4" />
當瀏覽器不支持此標籤時顯示我
</video>
</body>
</html>
如果在Google瀏覽器上打開如下：
效果是不是很拉風啊
這樣我們自己的電腦就不需要安裝視頻插件了，也不需要啓動本機的視頻播放器。
如果我們想實現這樣的顯示，當頁面加載完成後，循環自動播放一個視頻應該怎麼做呢？
看下面的代碼
<!DOCTYPE HTML>
<html>
<body>
<video autoplay="autoplay" loop="loop" controls="controls" width="500" height="500">
<source src="video/123.mp4" type="video/mp4" />
當瀏覽器不支持此標籤時顯示我
</video>
</body>
</html>
我們只是加了兩個屬性（autoplay="autoplay" loop="loop"），這樣就會自動播放了，如果再把controls="controls"去掉的話，用戶就不能手動關閉視頻，只有關閉網頁時才能關閉視頻，
要不然就會一直重複的播放，這種顯示其實很常用，比如廣告和背景音樂。
我爲什麼把audio和Video放一起呢，那是因爲他們兩個的差別極下，看Audio的屬性就明白了
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出現該屬性，則音頻在就緒後馬上播放。 |
| controls | controls | 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。 |
| loop | loop | 如果出現該屬性，則每當音頻結束時重新開始播放。 |
| preload | preload |
如果出現該屬性，則音頻在頁面加載時進行加載，並預備播放。 如果使用 "autoplay"，則忽略該屬性。 |
| src | url | 要播放的音頻的 URL。 |
它只是比Video少了兩個屬性一個是高一個是長。
如果要設置背景音樂就可以這樣做了。
<audio autoplay="autoplay" loop="loop" controls="controls"> <source src="video/1.mp3" type="audio/mpeg"> </audio>
好了，就到這裏吧，很簡單，其實HTMl更多的是標準，把我們經常用的一個插件使用標籤來代替
歡迎大家轉載，如有轉載請註明文章來自： http://sufei.cnblogs.com/
簽名：做一番一生引以爲豪的事業;在有生之年報答幫過我的人;並有能力幫助需要幫助的人;
軟件開發，功能定製，請聯繫我