html5做个播放按钮怎么弄?

用html5做一个音频播放按钮,点击按钮播放,再点击暂停,再点击播放,播放完了再点击再次播放,支持mp3,ogg两个文件谢谢大神!要用图片做按钮,... 用html5做一个音频播放按钮,点击按钮播放,再点击暂停,再点击播放,播放完了再点击再次播放,支持mp3,ogg两个文件

谢谢大神!
要用图片做按钮,
展开
 我来答
小宝宝小天使
2014-11-12 · 超过60用户采纳过TA的回答
知道小有建树答主
回答量:78
采纳率:0%
帮助的人:87.4万
展开全部
< audio controls="controls"  >
  <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的基础教程看他如何控制的就懂了,下面是连接

http://www.w3school.com.cn/html5/html_5_video_dom.asp

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式