在html5中出現(xiàn)了什么新特性

發(fā)布時間：2021-10-14 15:30:14 來源：億速云閱讀：121 作者：小新欄目：web開發(fā)

小編給大家分享一下在html5中出現(xiàn)了什么新特性，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在html5中出現(xiàn)了一些新特性：
canvas 元素視頻 video 和聲頻audio 元素；
對本地離線存儲（localStorage，sessionStorage）的支持；
新增特殊內(nèi)容元素：article、footer、header、nav、section ；
新增表單控件： calendar、date、time、email、url、search 。
今天看看視頻和聲頻：在html5中規(guī)定了視頻的標(biāo)準(zhǔn)方法：video
<video src="xxx.ogg" controls="controls">你的瀏覽器還不支持哦</video> 我們也可以設(shè)置多個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	像素	設(shè)置視頻播放器的高度。
loop	loop	如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開始播放。
preload	preload	如果出現(xiàn)該屬性，則視頻在頁面加載時進(jìn)行加載，并預(yù)備播放。如果使用 "autoplay"，則忽略該屬性。
src	url視頻地址	要播放的視頻的 URL。
width	像素	設(shè)置視頻播放器的寬度。
autobuffer	Autobuffer （自動緩沖)	在網(wǎng)頁顯示時，該二進(jìn)制屬性表示是由用戶代理（瀏覽器）自動緩沖的內(nèi)容，還是由用戶使用相關(guān)API進(jìn)行內(nèi)容緩沖
poster	url圖片地址	當(dāng)視頻未響應(yīng)或緩沖不足時，該屬性值鏈接到一個圖像。該圖像將以一定比例被顯示出來

在HTML5 規(guī)定了聲頻標(biāo)準(zhǔn)為 audio 元素，audio 元素能夠播放聲音文件或者音頻流。
audio格式和video相似：直接行多source：

代碼如下:

你的瀏覽器還不支持哦
</audio>其屬性比video少了height、width、poster。在我們的開發(fā)中多媒體越來越重要，html5出現(xiàn)了這些video和audio。

看完了這篇文章，相信你對“在html5中出現(xiàn)了什么新特性”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

在html5中出現(xiàn)了什么新特性

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽