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> 標簽定義視頻,比如電影片段或其他視頻流。
<video src="視頻路徑" controls></video>
src是指定要八方的視頻文件的路徑;controls是提供播放、暫停和音量的控件。
2、audio元素
<audio> 標簽定義聲音,比如音樂或其他音頻流。
<audio src="音頻路徑" controls></audeo>
3、source元素
<source> 標簽為媒介元素(比如 <video> 和 <audio>)定義媒介資源。
<source> 標簽允許您規(guī)定可替換的視頻/音頻文件供瀏覽器根據(jù)它對媒體類型或者編解碼器的支持進行選擇。
<video controls> <source src="vodeo/video.webm" type="video/webm"/> </video>
source標簽的作用是給視頻或音頻資源設(shè)置幾個格式,這樣瀏覽器可以選擇自己可以播放的格式進行播放。
4、track元素
<track> 標簽為諸如 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> 標簽定義嵌入的內(nèi)容,比如插件。
<embed src="媒體文件" />