DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> HTML 5視頻標簽全屬性詳解(1)
HTML 5視頻標簽全屬性詳解(1)
編輯:CSS詳解     

當今,在網頁上嵌入視頻且所有用戶不管使用任何浏覽器,或者操作系統都能看到的唯一可靠方法是使用Flash。這需要Adobe Flash插件,並且結合<object>和<embed>標簽。但HTML 5的出現改變了這一事實,其中視頻標簽<Video>的出現無疑是Html 5的一大亮點。(相關文章推薦:使用Html 5視頻標簽注意事項

51CTO推薦專:Html 5 下一代web開發標准

Video標簽介紹

大多數用戶已經安裝了Flash插件(事實上,大概95%的上網用戶都裝有Flash的某個版本),但HTML 5的支持者正在推動一個開放的,不需要任何插件的視頻標准。這就是Html 5的新標簽<video>帶來的構想,他提供了一個嵌入視頻(以及與其交互)而不需要類似Flash的私有插件的方法。

不幸的是,視頻並非那麼簡單。不僅僅是浏覽器需要理解<video>標簽,而且需要一個必要的編碼譯碼器來播放視頻。明顯的解決方法只能是Html 5規范的締造者們選擇一個視頻編碼譯碼器,並且讓每一個浏覽器制造商執行。

Video標簽介紹

總之,這就是所推薦的打算。同時,這也是引起混亂的導火索。對於各種各樣編碼譯碼器的爭論就已經很煩雜了,但更悲劇的事情是,浏覽器制造商們還不能就此達成統一。蘋果不願意使用提議的Ogg Theora編碼譯碼器,但Opera和Mozilla也不願意支付由於他們的浏覽器裝載H.264編碼譯碼器而造成的許可費用。Google同時支持兩者,微軟面對爭論,遠遠的置身事外,因為他現在根本沒有計劃去支持Html 5的視頻元素。

面對浏覽器制造商的僵持局面,HTML 5善意的獨裁者Ian Hickson甩了甩他的手並說到去他媽的。所以Html 5規范中沒有特別指名或規定的視頻編碼解碼器。”好吧,引用到這兒。

如今的情況是,微軟終於陷進去了,但很悲劇的是,在IE 9中只支持H.264。同時,Googe終於在I/O大會上發布了開源的視頻封裝格式webM和視頻編碼格式VP8。Opera、Mozilla、Chrome宣布將完全支持VP8,IE宣布部分支持(需要裝一個插件,但如果我沒記錯的話,Html 5的一個願景就是脫離浏覽器插件,微軟真是讓人覺得悲劇)。

蘋果決定不支持VP8,喬布斯認為VP8在質量或效率方面不如H.264,不能滿足其產品的要求。另外最新消息表明VP8還有可能牽扯到專利的問題(如果真的侵犯專利的話,Opera和Firefox估計馬上會無視VP8的)。

說了這麼多,其實說到底就是,現在如果要在頁面中使用video標簽,需要考慮三種情況,支持Ogg Theora或者VP8(如果這玩意兒沒出事的話)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,現在讓我們從技術層面來認識Html 5的視頻,包括video標簽的使用,視頻對象可以用到的媒介屬性和方法,以及媒介事件。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved