audio 元素能够播放声音文件或者音频流。
<!DOCTYPE html> <html> <head lang="en"><meta charset="utf-8"><title>HTML5 音频播放</title> </head> <body><!-- audio（音频）control（控制器）标签：<audio> 定义声音 <source> 规定媒体资源，可以是多个 浏览器支持情况： IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis √ √ √ MP3 √ √ √Wav √ √ √--><audio id="audio" src="./不浪漫罪名 - 王杰.mp3" controls="controls">您的浏览器不支持</audio><br/><!-- 自定义控制器 --><button onclick="clickA()">播放/暂停</button><script type="text/javascript">var a = document.getElementById('audio');function clickA(){if(a.paused){a.play()}else{a.pause();}}</script></body> </html>
video 视频：
<!DOCTYPE html> <html> <head lang="en"><meta charset="utf-8"><title>HTML5 视频播放</title> </head> <body><!-- video（视频）control（控制器）标签：<video> 定义视频 <source> 规定媒体资源，可以是多个 属性：width：宽height：高loop：当媒介文件完成播放后再次开始播放。autoplay：当视频在就绪后马上播放。当前，video 元素支持三种视频格式：格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No --><video id="video" controls="controls"><source src="./1.mp4"><source src="./1.ogg">您的浏览器不支持</video></body> </html>
