html5有哪些媒體元素

這篇文章將為大家詳細講解有關(guān)html5有哪些媒體元素，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

html5中的媒體元素有：1、video元素，用于在文檔中定義視頻；2、audio元素，用于在文檔中定義聲音；3、source元素，用于為媒介元素（video、audio等）定義媒介資源；4、track元素；5、embed元素。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html5中的媒體元素

HTML5對媒體的支持性很強，支持以下媒體元素：

• audio  定義音頻

• video  定義視頻

• embed  作為外部應(yīng)用的容器

• source  多種媒體源的支持

• track  定義媒體的文本跟蹤

1、video元素

<video> 標(biāo)簽定義視頻，比如電影片段或其他視頻流。

<video src="視頻路徑" controls></video>

src是指定要八方的視頻文件的路徑；controls是提供播放、暫停和音量的控件。

2、audio元素

<audio> 標(biāo)簽定義聲音，比如音樂或其他音頻流。

<audio src="音頻路徑" controls></audeo>

3、source元素

<source> 標(biāo)簽為媒介元素（比如 <video> 和 <audio>）定義媒介資源。

<source> 標(biāo)簽允許您規(guī)定可替換的視頻/音頻文件供瀏覽器根據(jù)它對媒體類型或者編解碼器的支持進行選擇。

<video controls>
    <source src="vodeo/video.webm" type="video/webm"/>
</video>

source標(biāo)簽的作用是給視頻或音頻資源設(shè)置幾個格式，這樣瀏覽器可以選擇自己可以播放的格式進行播放。

4、track元素

<track> 標(biāo)簽為諸如 video 元素之類的媒介規(guī)定外部文本軌道。

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4" />
  <source src="forrest_gump.ogg" type="video/ogg" />
  <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
  <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>

5、embed元素

<embed> 標(biāo)簽定義嵌入的內(nèi)容，比如插件。

<embed src="媒體文件" />

關(guān)于“html5有哪些媒體元素”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。