DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> html5聲頻audio和視頻video等新特性詳細說明
html5聲頻audio和視頻video等新特性詳細說明
編輯:HTML5詳解     
Html5/">html5作為下一代web標准,年前軒起了html5熱潮。對於Html5我只是本著了解看看。關於Html5和RIA(silverlight,Flash,JavaFx等)我不想說什麼,也沒有什麼可說的,存在就有其存在的理由。孰優孰劣,留給事實、時間來證明的。 

在Html5中出現了一些新特性: 
canvas 元素 視頻 video 和 聲頻audio 元素 ; 
對本地離線存儲(localStorage,sessionStorage)的支持 ; 
新增特殊內容元素:article、footer、header、nav、section ; 
新增表單控件: calendar、date、time、email、url、search 。 
今天看看視頻和聲頻:在Html5中規定了視頻的標准方法:video 
<video src="xxx.ogg" controls="controls">你的浏覽器還不支持哦</video> 我們也可以設置多個source,浏覽器會為我們選擇第一個可識別的視頻來播放,形如:<video width="320" height="240" controls="controls"> <source src="xxx.ogg" type="video/ogg"> <source src="xx1.mp4" type="video/mp4">你的浏覽器還不支持哦</video>video屬性有: 
屬性 值 描述 autoplay autoplay 如果出現該屬性,則視頻在就緒後馬上播放。 controls controls 如果出現該屬性,則向用戶顯示控件,比如播放按鈕。 height 像素 設置視頻播放器的高度。 loop loop 如果出現該屬性,則當媒介文件完成播放後再次開始播放。 preload preload

如果出現該屬性,則視頻在頁面加載時進行加載,並預備播放。

如果使用 "autoplay",則忽略該屬性。

src url視頻地址 要播放的視頻的 URL。 width 像素 設置視頻播放器的寬度。

autobuffer

Autobuffer

(自動緩沖)

在網頁顯示時,該二進制屬性表示是由用戶代理(浏覽器)自動緩沖的內容,還是由用戶使用相關API進行內容緩沖

poster

url圖片地址

 

當視頻未響應或緩沖不足時,該屬性值鏈接到一個圖像。該圖像將以一定比例被顯示出來


在Html5 規定了聲頻標准為 audio 元素,audio 元素能夠播放聲音文件或者音頻流。 
audio格式和video相似:直接行多source: 

復制代碼代碼如下:www.mb5u.com
<audio controls="controls"> 
<source src="xx.ogg" type="audio/ogg"> 
<source src="xx1.mp3" type="audio/mpeg"> 

你的浏覽器還不支持哦 
</audio>其屬性比video少了height、width、poster。在我們的開發中多媒體越來越重要,Html5出現了這些video和audio。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved