视频和音频标签是HTML5中引入的标签,用于在网页中嵌入视频和音频。以下是它们的使用示例和注释:
<!-- 视频示例 --><video controls width="400"> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> Your browser does not support the video tag.</video>- <video>标签用于嵌入视频。
- controls属性表示显示视频播放控件,比如播放按钮、进度条、音量控制等。
- width属性设置视频播放区域的宽度为400像素。
- <source>标签用于定义视频的多个源文件。浏览器会逐个尝试加载源文件,直到找到浏览器支持的格式为止。本例中,首先尝试加载"video.mp4",如果不支持则尝试加载"video.ogg"。
- type属性指定源文件的媒体类型。
- 最后一个文本节点"Your browser does not support the video tag."是一个备用内容,如果浏览器不支持视频播放,则会显示这个文本。
<!-- 音频示例 --><audio controls> <source src="audio.mp3" type="audio/mpeg"> <source src="audio.ogg" type="audio/ogg"> Your browser does not support the audio tag.</audio>- <audio>标签用于嵌入音频。
- controls属性表示显示音频播放控件。
- <source>标签用于定义音频的多个源文件,用法和视频标签相同。
- 最后一个文本节点"Your browser does not support the audio tag."是一个备用内容,如果浏览器不支持音频播放,则会显示这个文本。
以上示例代码演示了如何使用视频和音频标签来嵌入视频和音频文件,并通过多个源文件提供多个格式的备选。