HTML5作為最新的網頁標準,支持眾多新特性,其中包括多媒體。本文將介紹HTML5多媒體代碼的使用方法。
在HTML5中,使用<video>
標簽可以嵌入視頻,使用<audio>
標簽可以嵌入音頻。以下是<video>
標簽的基本用法:
<video src="video.mp4" autoplay controls> Your browser does not support the video tag. </video>
其中,src
屬性指定視頻文件的URL,autoplay
屬性表示自動播放視頻,controls
屬性表示顯示視頻控制面板。
需要注意的是,不同瀏覽器支持的視頻格式不同,常見的視頻格式包括mp4、webm和ogv。為了兼容不同瀏覽器,可以在<video>
標簽中指定多個不同格式的視頻文件,瀏覽器會自動選擇第一個支持的格式進行播放。以下是多格式視頻文件的例子:
<video controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogv" type="video/ogv"> Your browser does not support the video tag. </video>
同樣地,以下是<audio>
標簽的基本用法:
<audio src="audio.mp3" autoplay controls> Your browser does not support the audio tag. </audio>
類似地,不同瀏覽器支持的音頻格式也不同,常見的音頻格式包括mp3、ogg和wav。可以在<audio>
標簽中指定多個不同格式的音頻文件,瀏覽器會自動選擇第一個支持的格式進行播放。以下是多格式音頻文件的例子:
<audio controls> <source src="audio.mp3" type="audio/mpeg"> <source src="audio.ogg" type="audio/ogg"> <source src="audio.wav" type="audio/wav"> Your browser does not support the audio tag. </audio>
總結:HTML5多媒體代碼的使用方法很簡單,可以通過<video>
標簽和<audio>
標簽嵌入視頻和音頻文件,并可指定多個不同格式的文件以兼容不同瀏覽器。
上一篇html5外置css代碼
下一篇xml鏈接外部css