html5聲頻audio和視頻video的屬性是什么

這篇文章主要介紹“html5聲頻audio和視頻video的屬性是什么”，在日常操作中，相信很多人在html5聲頻audio和視頻video的屬性是什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html5聲頻audio和視頻video的屬性是什么”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

在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聲頻audio和視頻video的屬性是什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！