首頁 > web前端 > 前端問答 > html5中媒體元素有哪些

html5中媒體元素有哪些

青灯夜游
發布: 2022-01-11 16:51:39
原創
7602 人瀏覽過

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

<video src="视频路径" controls></video>
登入後複製

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

2、audio元素

<audio src="音频路径" controls></audeo>
登入後複製

3、source元素

標籤為媒介元素(如

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

<video controls>
    <source src="vodeo/video.webm" type="video/webm"/>
</video>
登入後複製

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

4、track元素

標籤為 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元素

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

<embed src="媒体文件" />
登入後複製

相關推薦:《html影片教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板