audio controls="controls"
成都创新互联公司成立与2013年，先为安图等服务建站，安图等地企业，进行企业商务咨询服务。为安图企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
source src="happy.MP3"type="video/mpeg"
source src="happy.ogg"type="video/ogg"
您的浏览器暂不支持audio标签。播放视频
/ audio
上面代码是两种格式标签选择。
不知道楼主有没html5和javascript的经验。
你就直接用
input type="image" src="~/Images/Btn.jpg"
input标签就能做图片按钮。
html5音频标签本身就有播放暂停功能。如果你要自己给按钮那就要自己用js调用html5的api。
调用其实很简单，调用play()和pause()方法进行播放暂停。
你可以根据w3c的基础教程看他如何控制的就懂了，下面是连接
HTML结构
该鼠标点击按钮特效中每一个可点击的元素都是一个button按钮
CSS样式
以下是该css3点击按钮特效的通用CSS样式：
插件中通过在点击按钮时使用javascript来为它添加相应的动画CLASS来执行动画效果：
上面的CSS代码可以生成如下图的动画效果：
在“Stana”效果中，使用了html5 SVG clipPath，在它上面添加了一个transition。这个效果只能在Chrome浏览器中才能看到效果。
在“Stoja”效果中使用了CSS clip-path属性，这个效果也需要浏览器的支持才能看得到的。
点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果
项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。
在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +,
safri5.1+,firfox10+,IE11支持
如果是HTML5的话做按钮根本就不需要用图片，所以不要以HTML5做噱头