首页 > 编程 > HTML > 正文

通过html5代码在网页中实现播放和暂停音乐mp3,mav等文

2024-08-26 00:15:28
字体:
来源:转载
供稿:网友
介绍通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件的具体操作方法。这样对于用户来说,在线可播放功能能大大提高站内效率也可带来一定的流量。希望对有需要的朋友有所帮助。这里我们需要先了解下,在html5中的两个个重要标签。

武林网web开发网为大家整理了这篇通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件,如果这篇文章在您的工作或学习中有帮助,欢迎常回来看看哦,更多精彩的教程请访问我们的主页,以下是教程浏览:

介绍通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件的具体操作方法。这样对于用户来说,在线可播放功能能大大提高站内效率也可带来一定的流量。希望对有需要的朋友有所帮助。这里我们需要先了解下,在html5中的两个个重要标签。

一、HTML 5 <embed> 标签,它是 HTML 5 中的新标签,而且此标签必须要有 src 属性。

二、HTML 5 <audio> controls 属性

controls 属性规定浏览器应该为音频提供播放控件。如果设置了该属性,则规定不存在作者设置的脚本控件。

html显示音频的具体代码示例如下:

<!DOCTYPE HTML><html><body><audio controls="controls">  <source src="so.ogg" type="audio/ogg">  <source src="so.mp3" type="audio/mpeg">  <embed height="100" width="100" src="song.mp3" />  </audio>  </body>  </html>

以上代码在页面上显示效果如下:

cc74cbc86f6a9018732ec727ae017d7.png

注:

width、 height中的数字分别表示播放器的宽度和高度 。

src 后面可以修改为你自己的音乐地址。

通过html5代码在网页中实现播放和暂停音乐mp3,mav等文件文章就讲到这里,欢迎浏览本站的其它内容,点击这里返回首页

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表