DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML5基礎教程:audio音頻標簽的詳解
HTML5基礎教程:audio音頻標簽的詳解
編輯:HTML和Xhtml     

 在過去,我們如果想在Web上播放音樂,基本都是通過Flash來播放,但並不是所有的浏覽器都安裝了Flash播放器插件,而現在我們在HTML5中,就能完全脫離Flash或其他的插件來播放音樂了。

audio標簽:


目前HTML5的audio標簽僅支持3種音頻格式,如下表:


IE9

FireFox 5.0

Safari 5.5

Chrome 12

Opera 11.5

Mp3

×

×

Ogg

×

×

Wav

×

×





Audio標簽的屬性有:

屬性

值(可省略)

描述

src

url

要播放的音頻的 URL,路徑可為網絡路徑或相對路徑。

controls

controls

向用戶顯示控件,比如播放按鈕。

loop

loop

每當音頻結束時重新開始播放。

preload

preload

音頻在頁面加載時進行加載,並預備播放。如果使用 "autoplay",則忽略該屬性。

autoplay

autoplay

則音頻在就緒後馬上播放。

 

<h1>最近覺得《大高原》這首歌不錯,就在案例中使用了:</h1>
 
<audio src="http://zhangmenshiting2.baidu.com/data2/music/5814678/5814678.mp3?xcode=0f479d949c4372d1165aae570e00d8bd&mid=0.76911343441060" controls="controls" autoplay="true">您的浏覽器不支持 audio 標簽。</audio>

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