站長資訊網HTML5中的視頻標簽和及其模仿視頻播放器的效果在一些手機端應用比較多。因為手機端基本上廢除了flash的獨斷，讓HTML5當家做主人，所以對視頻支持的比較好。所以今天專門為大家奉上HTML5視頻標簽模擬視頻播放器的小例子，讓大家更好的理解HTML5和有效的應用在項目中。 HTML代碼<!– src中放上本地的ogv的音頻 –> <video id="v1" src="Intermission-Walk-in.ogv"></video> <p id="p1"> <input type="button" value="播放" /> &
1. HTML5實戰與剖析之媒體元素(6、視頻實例)
簡介： HTML5中的視頻標簽和及其模仿視頻播放器的效果在一些手機端應用比較多。因為手機端基本上廢除了flash的獨斷，讓Html5當家做主人，所以對視頻支持的比較好。所以今天專門為大家奉上HTML5視頻標簽模擬視頻播放器的小例子，讓大家更好的理解HTML5和有效的應用在項目中。
2. HTML5實戰與剖析之WebSockets簡介
簡介： HTML5 WebSockets規范定義了一個API,允許web頁面使用WebSockets協議與遠程主機雙向溝通。介紹了WebSocket接口,并定義了一種全雙工通信通道,通過一個套接字在網絡上。Html5 WebSockets提供極大的減少了不必要的網絡流量和延遲而不能攀登的輪詢和長輪詢的解決方案是用來模擬全雙工連接通過維護兩個連接。
3. HTML5實戰與剖析之歷史管理(history對象)
簡介： HTML5新添加了對歷史的管理，更新了history對象讓管理歷史狀態更加方便了。在現代Web應用中，用戶可以通過”前進”和”后退”按鈕進行歷史頁面的切換。這讓一些不在新頁面中打開的新頁面前進后退自如，提高了用戶體驗。
4. HTML5實戰與剖析之媒體元素(5、音頻實例)
簡介： 之前已經介紹過了HTML5中媒體元素的相關小概念，和一些事件方法。光有一些理論基礎，沒有實踐實例是不能充分理解的，更不太可能靠小概念來進行實際操作的。所以今天為大家奉上一個有關模擬音樂播放器小例子。希望大家通過這個下例子能夠更好的理解和運用Html5中的媒體元素。
5. HTML5實戰與剖析之媒體元素(4、檢測編解碼器的支持和Audio構造函數)
簡介： 雖然媒體元素可以實現音頻和視頻功能，但是并不是所有瀏覽器都支持video標簽和audio標簽的所有編解碼器，這意味著開發人員必須提供很多歌媒體來源。
6. HTML5實戰與剖析之媒體元素(2、媒體元素的屬性)
簡介： 提到HTML5中的媒體元素，那咱們可有的聊了，剛剛介紹完媒體元素的用法與簡介，還沒介紹有關媒體元素的相關屬性呢，所以今天就為大家介紹一些有關Html5中媒體元素的相關屬性。
7. HTML5實戰與剖析之媒體元素(3、媒體元素的事件及方法)
簡介： HTML5中的媒體元素除了擁有很多的屬性之外，video標簽和audio標簽還可以出發很多事件和方法。這些方法監控著不同的屬性的變化，這些變化有可能是媒體播放的結果，也可能是用戶操作媒體的結果。下面就為大家開始介紹媒體元素的相關事件。
8. HTML5實戰與剖析之媒體元素(1、video標簽和audio標簽簡介)
簡介： 隨著HTML5的到來，flash在手機端全部不能得到支持，這就使一項以flash制作的音樂播放和視頻播放只能用Html5中的媒體標簽video標簽和audio標簽來制作了。很恰巧的是，移動端對HTML5中的媒體標簽video標簽和audio標簽支持的非常好。這就使HTML5在移動端很流行。
9. HTML5實戰與剖析之原生拖拽(四可拖動dragable屬性和其他成員)
簡介： 之前我們已經為大家介紹過幾篇有關HTML5中原生拖拽的相關知識了。今天為大家介紹Html5拖拽中的其他一些小東東，閑話不多說趕快一起看看吧。
10. HTML5實戰與剖析之原生拖拽(三dataTransfer對象)
簡介： 雖然通過dragstart、drag和dragend事件實現了原生拖拽。但是這僅僅是拖拽，在IE6和IE7中還是有些拖拽問題，并且也沒有實現數據的交換。為了實現數據的交換，IE5引入了dataTransfer對象。dataTransfer對象是事件對象的一個屬性，用于從被拖拽元素相放置目標傳遞字符串格式的數據。因為它是事件對象的屬性，所以只能在拖放事件的事件處理程序中訪問dataTransfer對象。在事件處理程序中，可以使用這個對象的屬性和方法來完善拖放功能。
