百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 怎么在html中显示能播放也能暂停的音频样式?(代码示例)
分享文章到:

怎么在html中显示能播放也能暂停的音频样式?(代码示例)

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要给大家介绍关于html显示音频的详细操纵办法。这样关于会员来说,在线可播放功效能大大提高站内效力也可带来必然的流量。但愿对有需要的伴侣有所帮忙。这里我们需要先理解下,在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中怎样嵌入音频的相关知识介绍,具有必然的参照 价值。望各位采用。

【相关文章引荐】

html中网页中怎样插入音频和视频?

html5中从新加载音频/视频元素的办法load()

html5休止(暂停)当前播放的音频或视频的办法pause()

具体介绍HTML5使用Audio标签实现歌词同步的结果

以上就是如何在html中显示能播放也能暂停的音频样式?(代码示例)的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板