首頁  >  文章  >  web前端  >  html5中媒體元素有哪些

html5中媒體元素有哪些

青灯夜游
青灯夜游原創
2022-01-11 16:51:397567瀏覽

html5中的媒體元素有:1、video元素,用於在文件中定義影片;2、audio元素,用於在文件中定義聲音;3、source元素,用於為媒介元素( video、audio等)定義媒介資源;4、track元素;5、embed元素。

html5中媒體元素有哪些

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

html5中的媒體元素

HTML5對媒體的支援性很強,支援下列媒體元素:

  • audio  定義音訊

  • video  定義視訊

  • embed  作為外部應用的容器

  • #source  多種媒體來源的支援

  • track  定義媒體的文字追蹤

1、video元素

39000f942b2545a5315c57fa3276f220 標籤定義視頻,例如電影片段或其他視訊串流。

<video src="视频路径" controls></video>

src是指定要八方的影片檔案的路徑;controls是提供播放、暫停和音量的控制。

2、audio元素

b97864c2e0ef2353a16c4d64c7734e92 標籤定義聲音,例如音樂或其他音訊串流。

<audio src="音频路径" controls></audeo>

3、source元素

e02da388656c3265154666b7c71a8ddc 標籤為媒介元素(如 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92)定義媒介資源。

e02da388656c3265154666b7c71a8ddc 標籤可讓您規定可替換的視訊/音訊檔案供瀏覽器根據它對媒體類型或編解碼器的支援進行選擇。

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

source標籤的作用是為影片或音訊資源設定幾個格式,這樣瀏覽器可以選擇自己可以播放的格式來播放。

4、track元素

9bf7cbf2c39baa37076a22499de2f6ed 標籤為 video 元素之類的媒介規定外部文字軌道。

<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元素

d8e2720730be5ddc9c2a3782839e8eb6 標籤定義嵌入的內容,例如外掛程式。

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

相關推薦:《html影片教學

以上是html5中媒體元素有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn