HTML5中的 <video> 元素同樣擁有方法、屬性和事件的等,那么我們只要掌握了鄉(xiāng)音的方法,屬性和事件的控制,就能夠輕松的設(shè)置HTML5的屬性了。接下來我們來對(duì)HTML5中<video>在做相應(yīng)的了解吧。
其中的方法用于播放、暫停以及加載等。其中的屬性(比如時(shí)長(zhǎng)、音量等)可以被讀取或設(shè)置。其中的 DOM 事件能夠通知您,比方說,<video> 元素開始播放、已暫停,已停止,等等。
接下來我們將通過案例來延時(shí)如何使用<video>元素讀取并設(shè)置相應(yīng)的屬性及常規(guī)的調(diào)動(dòng)方法。
圖中有放大縮小等事件,只要我們點(diǎn)擊控制就可以實(shí)現(xiàn)相應(yīng)的功能,這就四HTML5新的特性,解決了以往很多的繁雜的代碼知識(shí)。此例子調(diào)用了兩個(gè)方法:play() 和 pause()。它同時(shí)使用了兩個(gè)屬性:paused 和 width。
我們知道代碼都是存在兼容性的,HTML5也不例外,同樣存在著兼容的問題,下面我們就來看一看大多數(shù)瀏覽器支持的視頻方法、屬性和事件:
這張圖片上列舉了大部分的<video>方法屬性和事件,當(dāng)出現(xiàn)兼容性問題的時(shí)候,可以幫助你快速的調(diào)整相應(yīng)的數(shù)來來完成工作,這張圖值得收藏。