html5中的媒體元素有:1、video元素,用於在文件中定義影片;2、audio元素,用於在文件中定義聲音;3、source元素,用於為媒介元素( video、audio等)定義媒介資源;4、track元素;5、embed元素。
本教學操作環境: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中文網其他相關文章!