溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下在html5中出現了什么新特性，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
在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：
代碼如下:
<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。
看完了這篇文章，相信你對“在html5中出現了什么新特性”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
