一、影片播放 多媒体播放 效果如下： 標籤是 HTML 5 中的新標籤。 屬性 HTML5 中的新屬性。 屬性 值 值設定中 src url 嵌入內容的 URL。 type type 定義嵌入內容的類型。 width pixels 設定嵌入內容的寬度。 標籤支援HTML5中的全域屬性，同時支援HTML5中的事件屬性下面我們來新增一個width屬性試試看 有關MIME類型請參閱 IANA MIME 類型 例如： 二、IANA MIME簡介 二、IANA MIME簡介 開啟的方式類型，當該副檔名檔案被存取的時候，瀏覽器會自動使用指定應用程式來開啟。多用於指定一些客戶端自訂的檔案名，以及一些媒體檔案開啟方式。 每個MIME類型由兩部分組成，前面是資料的大類別，例如聲音audio、圖象image等，後面定義具體的種類。 常見的MIME類型(通用型)：超文本標記語言文本.html text/htmlxml文檔.xml text/xmlXHTML文檔.xhtml application/xhtml+xml /plainRTF文本.rtf application/rtfPDF文檔 .pdf application/pdfMicrosoft Word Word Word.word application/mswordgifPNGIF.png 檔 .word application/msword JPEG圖形.jpeg,.jpg image/jpeg au聲音檔案 .au audio/basic MIDI音樂檔案 mid,.midi audio/midi,audio/x-midi RealAudio音樂檔案 audra, . x-pn-realaudio MPEG檔案 .mpg,.mpeg video/mpeg AVI檔案 .avi video/x-msvideo檔案GZIP .gz application/x-gzip 任意的二進位資料application/octet-stream 三、HTML5簡介 Html5 將成為HTML、XHTML 以及HTML DOM 的新標準。 HTML 的上一個版本誕生於 1999 年。自從那以後，Web 世界已經經歷了巨變。 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）－內建了許多強大的多媒體標籤更優秀的錯誤處理更多取代腳本的標記設備－可以在PC和行動裝置上完美運作 開發過程應對公眾透明 HTML5 中的一些有趣的新特性： 用於繪畫的canvas 元素媒介回放的video 和audio 元素 對本地離線儲存的更好的支援 新的特殊內容元素，例如article、footer、header、nav、section calendar、date、time、email、url、search 關於更多詳細的HTML5可以參考我的部落格專題：http://blog.csdn.net/column/details/dawanganban-html5.html 最新版本的Safari、Chrome、Firefox 以及Opera 支援某些HTML5 特性。 Internet Explorer 9 將支援某些 HTML5 特性。 四、HTML5中的全域屬性 下面的全域屬性可用於任何HTML5元素 屬性規定元素的類別名（用於規定樣式表中的類別）。 contenteditable 規定是否允許使用者編輯內容。 contextmenu 規定元素的上下文選單。 dir 規定元素中內容的文字方向。 draggable 規定是否允許使用者拖曳元素。 dropzone 規定當拖曳的項目/資料拖曳到元素中會發生什麼事。 hidden 規定此元素是無關的。被隱藏的元素不會顯示。 id 規定元素的唯一 ID。 lang 規定元素中內容的語言代碼。 spellcheck 規定是否必須對元素進行拼字或文法檢查。 style 規定元素的行內樣式。 tabindex 規定元素的 tab 鍵控制順序。 title 規定額外有關元素的資訊。 五、全域事件屬性 HTML 4 增加了透過事件觸發瀏覽器中行為的能力，例如當使用者點擊某個元素時啟動一段觸媒JavaScriptScript。 下面的表格列出了可插入 HTML 5 元素中以定義事件行為的標準事件屬性。 Window 事件屬性 window 物件觸發的事件。 適用於 標籤： 標顏色的是新標籤（html5) 屬性 值 描述 script 在文件列印前運行腳本 onbeforeonload script 在文件載入前執行腳本 onblur script 當視窗失去焦點onfocus script 當視窗獲得焦點時執行腳本 onhaschange script 當文件改變時執行腳本 onload script 當文件載入時執行腳本 onmessage script 當觸發訊息ononline script 當文件上線時執行腳本 onpagehide script 當視窗隱藏時運行腳本 onpageshow script 當視窗可見時執行腳本 onpopstate script 當視窗歷史記錄變更時執行腳本 onresize script 當調整視窗大小時執行腳本 onstorage script 當文件載入時執行腳本 onundo script 當Web Storage 製作區域更新時（儲存空間中的資料發生變化時） 表單事件 由HTML 表單內部的動作觸發的事件。 適用於所有HTML 5 元素，不過最常用於表單元素中： 屬性 值 描述 onblur 當元素改變時運行腳本 oncontextmenu script 當觸發上下文選單時執行腳本 onfocus script 當元素獲得焦點onforminput script 當表單取得使用者輸入時執行腳本 oninput script 當元素取得使用者輸入時執行腳本 oninvalid script 當元素無效時執行腳本 onreset script 當表單重設時執行腳本。 HTML 5 不支援。 onselect script 當選取元素時執行腳本 onsubmit script 當提交鍵盤事件時執行腳本 。 適用於所有HTML 5 元素： 屬性 值 描述 按下並放開按鍵時執行腳本 onkeyup script 當放開按鍵時執行腳本 滑鼠事件 由滑鼠或相似的使用者動作觸發的事件。 適用於所有HTML 5 元素： 屬性 值 描述 雙擊滑鼠時執行腳本 ondrag script 當拖曳元素時執行腳本 ondragend script 當拖曳作業結束時執行腳本 ondragenter script 當元素執行腳本 ondragover script 當元素拖曳至有效拖放目標上方時執行腳本 ondragstart script 當拖曳作業開始時執行腳本 mousedown script 當按下滑鼠按鈕時執行腳本 onmousemove script 當滑鼠指標移動時執行腳本 onmouseout script use 鍵移出元素之上時執行腳本 onmouseup script 當松開滑鼠按鈕時執行腳本 onmousewheel script 當轉動滑鼠滾輪時執行腳本 onscroll script 適用於所有HTML 5 元素，不過在媒介元素（諸如audio、embed、img、object 以及video）中最常用： 屬性 時間執行腳本 oncanplay script 當媒介能夠開始播放但可能因緩衝而需要停止時運行腳本 oncanplaythrough 努 當媒介長度改變時執行腳本 onemptied script 當媒介資源元素突然為空時（網路錯誤、載入錯誤等）執行腳本 onended 發生錯誤時運行腳本 onloadeddata script 當載入媒介資料時執行腳本 onloadedmetadata script 執行腳本 onpause script 當媒介資料暫停時執行腳本 onplay script 當媒介資料將要開始播放時執行腳本 onplaying script onratechange script當媒介資料的播放速率改變時執行腳本 onreadystatechange script 當就緒狀態（ready-state）改變時執行腳本 onseeked script onseeked script onseeked onseeking script 當媒介元素的定位屬性為真且定位已開始時運行腳本 onstalled script 當取回媒介但在取回整個媒介文件之前停止時執行腳本 ontimeupdate script 當媒介改變其播放位置時運行腳本 onvolumechange script 製作 當媒介已停止播放但打算繼續播放時執行劇本 下一篇將詳細介紹全域屬性及事件的用法 以上就是 小強的HTML5行動開發之路（12）－從一個多媒體標籤說起的內容，更多相關內容請關注PHP中文網（www. php.cn）！
