1.<video>视频标签
HTML5规定了一种通过<video>标签对播放视频的标准方法
语法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>视频标签</title>
</head>
<body>
<video src="视频路径" controls></viedo>
</body>
</html>
下面是<video>标签的常见属性:
由于低版本浏览器不支持<video>标签对,所以可以在<video>和</video>标签中插入一段文字作为提示,这样在低版本浏览器中就可以显示这段文字,提示用户该浏览器不支持<video>标签对。
2.<audio>音频标签
在HTML5中,使用<audio>标签对播放音频文件,支持的格式包括MP3、Ogg、WAV这3种音频格式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>音频标签</title>
</head>
<body>
<audio src="音频路径" controls="controls"></audio>
</body>
</html>
<audio>标签对的常用属性:
主流浏览器对音频格式的支持情况: