HTML5視頻瞭解筆記

html5能在完全脫離插件的情況下播放音視頻,但不是所有格式都支持。
  支持的:ogg(支持的瀏覽器F,C,O),mp4(S,C),webm(I,F,C,O)

< video >的使用:
   A,< video src="文件地址" controls > < / video >//僅僅顯示個視頻,如圖:
HTML5視頻瞭解筆記
         B,< video src="文件地址" controls="controls" >
                        破瀏覽器是看不了的。
         < / video >//還是僅僅顯示個視頻,但是如果碰到IE6啊,或者是一些不支持的瀏覽器就只顯示句話。
         C,< video controls="controls" >
                        < source  src="move.ogg"type="video/ogg" >
                        < source  src="move.webm"type="video/webm" >
                        什麼破瀏覽器   都看不了的。
         < / video >//先播放第一個,不支持,播放第二個,再不支持,顯示文字。

video的API屬性和方法有很多,可以百度一下,我百了一個博文,裏面比較詳細,在這分享一下:

http://blog.csdn.net/cdnight/article/details/39323697


簡單常見的例子:
     video=用js在頁面獲取一個
             video.muted=true               =====>靜音,有true,false兩個值
             video.currentTime+=10      =====>快進10秒,currentTime是獲取當前時間
             video.playbackRate=3         =====>加速播放,以前的3倍
                   =-3時,在正常情況下是沒用的,=1/3是當前速度的1/3倍,就相當於慢動作了。1是默認倍數。
                   //加速,是播放速度快了
                   //快進,是播放位置變了
  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章