HTML5的视频和音频

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>

视频格式

HTML5的视频和音频

视频标签中的属性

HTML5的视频和音频

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>

音频支持的格式

HTML5的视频和音频

音频标签中的属性

HTML5的视频和音频