DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5視頻(<video>)音頻(<audio>)小試
HTML5視頻(<video>)音頻(<audio>)小試
編輯:HTML5詳解     

今天小試了Html5裡面的兩個新標簽,<video>..</video>,<audio></audio>

具體例子如下:

<video src="1.wmv" controls="true">您的浏覽器不支持 video 標簽。</video>

<audio src="1.wav" controls="true">您的浏覽器不支持 audio 標簽。</audio>

具體屬性:

屬性 值 描述 autoplay true | false 如果是 true,則視頻在就緒後馬上播放。 controls true | false 如果是 true,則向用戶顯示控件,比如播放按鈕。 end numeric value 定義播放器在視頻流中的何處停止播放。默認地,聲音會播放到結尾。 height pixels 設置視頻播放器的高度。 loopend numeric value 定義在視頻流中循環播放停止的位置,默認是 end 屬性的值。 loopstart numeric value 定義在視頻流中循環播放的開始位置。默認是 start 屬性的值 playcount numeric value 定義視頻片段播放多少次。默認是 1。 poster url 在視頻播放之前所顯示的圖片的 URL。 src url 要播放的視頻的 URL。 start numeric value 定義播放器在音頻流中開始播放的位置。默認地,聲音在開頭進行播放。 width pixels

設置視頻播放器的寬度。

最後試用結果:

這兩個標簽現在還處於草案階段,好像許多格式都不支持,如微軟的.wav  ,MP3格式 和視頻格式.wmv等都不支持。

不過在Firefox和GOOGLE 的浏覽器下面顯示的播放器界面還不一樣哩。Firefox下的界面比較好看。看下:

Firefox界面:
\
Chrome界面:

\
 

 

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