【HTML5初探之多媒體元素】視訊播放HTML5、Flash誰才是王道？

範大腳腳發表於2017-12-21
HTML
導航
【初探HTML5之使用新標籤佈局】用html5佈局我的部落格頁！
【HTML5初探之form標籤】解放表單驗證、增加檔案上傳、整合拖放
【HTML5初探之繪製影像（上）】看我canvas元素引領下一代web頁面
【HTML5初探之繪製影像（下）】看我canvas元素引領下一代web頁面
【HTML5初探之多媒體元素】視訊播放HTML5、Flash誰才是王道？
【HTML5初探之本地儲存】如果沒有資料庫。。。
【HTML5初探之離線應用】如何打造零請求、無流量的網站？
【HTML5初探之通訊API】跨域門檻不再高、資料推送不是夢
【HTML5初探之Web Workers】網頁也能多執行緒
【HTML5初探之Geolocation API】讓我們來回去地理資訊
 
前言
雖說作為一個程式設計師來說，這件事情，比較丟人。但我還是說說吧，我不知哪天把我IE9瀏覽器怎麼了一下，從此後我就不能正常的播放視訊了。
每次都說flash版本過低神馬的，重灌也不行。。。。至今尚未解決，好吧，這個是有點丟人的了。
回過頭來，我會痛苦各個瀏覽器之間的差異帶來的痛苦，但若是在網頁上不能看美女是更加令老夫憤怒的事情！！！
總的來說flash來說真的是王道！確實是王道，經久不衰，現在就是招人工資也很高的，雖說我一竅不通。
HTML出現了video與audio，對這兩個元素我並不陌生，因為我早就用過了，他確實可以很好的解決flash帶來的一些問題，
但想取代什麼的還言之過早了吧，我也期待在IE11來臨之際，電腦上至少都是IE9版本的瀏覽器了，各種HTML5網站已經層出不窮了。
視訊播放
該章的內容很少，而且也沒什麼難度，這裡可以很快的帶過：
複製程式碼
video與audio皆具有以下幾種方法：
play 播放媒體元素
pause 暫停媒體元素
load 重新載入播放
canPlayType 檢查瀏覽器是否支援媒體型別
相關事件：
loadstart 瀏覽器開始在網上尋找媒體資料
progress 正在獲取資料
suspend 暫停獲取資料，但下載過程並未正常結束
abort 資料下載結束前終止獲取，但不是錯誤引起
error 獲取資料過程出錯
emptied 載入發生錯誤或者瀏覽器在選擇播放格式時又呼叫了load方法重新載入
stalled 瀏覽器嘗試獲取媒體資料失敗
play 當執行play方法時觸發（即將播放）
pause 當執行pause方法時觸發
……
太多了，以後還是查資料算了
複製程式碼
視訊播放
奇怪的是隻有google可以，其它不行！！！
HTTP“Content-Type”中的“video/mp4”不支援。媒體資源 
http://localhost:3317/html5%E4%B8%8Ecss3/04%E5%A4%9A%E5%AA%92%E4%BD%93%E6%92%AD%E6%94%BE/tianzui.mp4 載入失敗。
據說該如此這般操作。。。
<video width=”320″ height=”240″ controls=”controls”>  
    <source src=”a.ogg” type=”video/ogg”> 
    <source src=”a.mp4″ type=”video/mp4″>     
    your browser does not support the video tag.
    </video>
結語
這章真沒什麼說的，要用的時候查詢下資料就可以了
 
您可以考慮給小釵發個小額微信紅包以資鼓勵 
本文轉自葉小釵部落格園部落格，原文連結http://www.cnblogs.com/yexiaochai/archive/2013/04/19/3030702.html，如需轉載請自行聯絡原作者


相關文章