qileilove

          blog已經(jīng)轉(zhuǎn)移至github,大家請?jiān)L問 http://qaseven.github.io/

          HTML 5 Video + DOM

          HTML5 <video> - 使用 DOM 進(jìn)行控制

          HTML5 <video> 元素同樣擁有方法、屬性和事件。

          其中的方法用于播放、暫停以及加載等。其中的屬性(比如時長、音量等)可以被讀取或設(shè)置。其中的 DOM 事件能夠通知您,比方說,<video> 元素開始播放、已暫停,已停止,等等。

          下例中簡單的方法,向我們演示了如何使用 <video> 元素,讀取并設(shè)置屬性,以及如何調(diào)用方法。

          實(shí)例

          為視頻創(chuàng)建簡單的播放/暫停以及調(diào)整尺寸控件:


             


          上面的例子調(diào)用了兩個方法:play() 和 pause()。它同時使用了兩個屬性:paused 和 width。

          親自試一試

          HTML5 <video> - 方法、屬性以及事件

          下面列出了大多數(shù)瀏覽器支持的視頻方法、屬性和事件:

          方法屬性事件
          play()currentSrcplay
          pause()currentTimepause
          load()videoWidthprogress
          canPlayTypevideoHeighterror
           durationtimeupdate
           endedended
           errorabort
           pausedempty
           mutedemptied
           seekingwaiting
           volumeloadedmetadata
           height 
           width 

          注釋:在所有屬性中,只有 videoWidth 和 videoHeight 屬性是立即可用的。在視頻的元數(shù)據(jù)已加載后,其他屬性才可用。

          posted on 2014-04-09 17:42 順其自然EVO 閱讀(211) 評論(0)  編輯  收藏 所屬分類: HTML5

          <2025年7月>
          293012345
          6789101112
          13141516171819
          20212223242526
          272829303112
          3456789

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(55)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 峨眉山市| 聊城市| 龙门县| 永川市| 宣城市| 霍州市| 大悟县| 宁河县| 开鲁县| 南宫市| 增城市| 德庆县| 天气| 宁陕县| 北京市| 山丹县| 高雄县| 综艺| 香格里拉县| 积石山| 教育| 罗田县| 龙江县| 沾益县| 高青县| 琼中| 韶关市| 镇坪县| 桐柏县| 志丹县| 永新县| 凤冈县| 山阴县| 金乡县| 洮南市| 辽阳市| 泰安市| 西华县| 潜江市| 濮阳市| 郎溪县|