1.HTML5视频
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <video width="320" height="240" controls>
<!--src中可以是http链接-->
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video> </body>
</html>
视频格式
视频标签中的属性
2.HTML音频
HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio> </body>
</html>
音频支持的格式
音频标签中的属性