html5聲頻audio和視頻video等新特性詳細說明

2024-08-26 00:16:15

字體：大中小

來源：轉載

供稿：網(wǎng)友

點評：html5作為下一代web標準，年前軒起了html5熱潮;html5聲頻audio和視頻video一直被網(wǎng)友們所關注，本人也是好奇于是搜集整理一些相關的東東，需要了解的朋友可以參考下

html5作為下一代web標準，年前軒起了html5熱潮。對于html5我只是本著了解看看。關于html5和RIA（silverlight，flash，JavaFx等）我不想說什么，也沒有什么可說的，存在就有其存在的理由。孰優(yōu)孰劣，留給事實、時間來證明的。

在html5中出現(xiàn)了一些新特性：
canvas 元素視頻 video 和聲頻audio 元素；
對本地離線存儲（localStorage，sessionStorage）的支持；
新增特殊內(nèi)容元素：article、footer、header、nav、section ；
新增表單控件： calendar、date、time、email、url、search 。
今天看看視頻和聲頻：在html5中規(guī)定了視頻的標準方法：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如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。

controls controls如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

height像素設置視頻播放器的高度。

loop loop如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放。

preloadpreload

如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預備播放。

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

src url視頻地址要播放的視頻的 URL。

width 像素設置視頻播放器的寬度。

autobuffer

Autobuffer