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>
音频支持的格式
音频标签中的属性