HTML中添加背景音乐

<audio controls="controls" height="100" width="100">
<source src="小果 - 蒲公英的梦想.mp3" type="audio/mp3" />
<source src="小果 - 蒲公英的梦想.ogg" type="audio/ogg" />
<embed height="100" width="100" src="小果 - 蒲公英的梦想.mp3" />
</audio>

上面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。
如果你不需要这个播放器,而是直接播放音乐。可以这样修改。

把 controls="controls" 去掉。这个意思是不要控件。
添加 autoplay="autoplay",意思是打开网页时自动播放。
循环播放添加 <audio loop="-1">音乐可以无限循环。

究极懒人法:网易云音乐中的外部链接

<iframe src="//music.163.com/outchain/player?type=3&id=908528214&auto=1&height=66"></iframe>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 821评论 0 4
  • HTML5 第一章 HTML5概述 H5是下一代的web开发的基础. 1.1 web技术发展时间线 1991 HT...
    whitsats阅读 1,091评论 0 0
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,121评论 0 16
  • html5已经为我们提供了音频和视频的控制让我们不必在依赖于Flash。本次我将为大家讲解html5的音频和视频操...
    便U_Life阅读 2,670评论 1 11
  • 一、html5 audio标签 参考html audio标签使用HTML5的Audio标签打造WEB音频播放器打造...
    合肥黑阅读 4,845评论 0 3