标签：
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>
标签：
原文地址：http://www.cnblogs.com/bob-yu/p/5463012.html
