当前位置:首页 > 数字化与技术

【技术】html5网页添加音乐按钮并自动循环播放方法

文玑阁9年前 (2018-01-25)数字化与技术34810

做了个漂亮的html5页面,想要添加一个音乐效果,并且打开网页自动运行,还能循环播放,处理方法可以这样做。见代码:

首先,实现音乐播放功能,看代码实现:

<audio controls="controls">
  <source src="你的url/i/song.ogg" type="audio/ogg">
  <source src="你的url/i/song.mp3" type="audio/mpeg">
  <embed height="200" width="200" src="你的url/i/song.mp3" />
</audio>

这里设置了.ogg格式和.mp3格式,可以兼容部分浏览器和移动终端。具体.ogg和.mp3格式等格式转换可以用酷狗音乐或者其他格式转换软件。

其次,如要打开网页自动播放音乐,就加一个代码 autoplay="autoplay":

<audio controls="controls" autoplay="autoplay">
  <source src="你的url/i/song.ogg" type="audio/ogg">
  <source src="你的url/i/song.mp3" type="audio/mpeg">
  <embed height="200" width="200" src="你的url/i/song.mp3" />
</audio>

最后,如果要循环播放,就加代码 loop="loop":

<audio controls="controls" autoplay="autoplay" loop="loop">
  <source src="你的url/i/song.ogg" type="audio/ogg">
  <source src="你的url/i/song.mp3" type="audio/mpeg">
  <embed height="200" width="200" src="你的url/i/song.mp3" />
</audio>

方法简单,可以尝试一下。

分享给朋友:

相关文章

搜狗输入法也沦为流氓软件?

输入法安装居然捆绑搜狗浏览器,还不让选择不安装搜狗浏览器,似乎洞悉我们的内心想法,知道我们需要什么样的输入法,什么样的浏览器,什么样的上网主页,通通都帮我们强制设定好了,这种做法看似很周到,很人性,其…

zblog博客管理手记

没有放任自己的zblog博客不管,偶尔还是做了一些小小的修改和调整,并处理一些特别垃圾的评论。这也许就是所谓的博客打理了吧,博客成长的一些细节和小小的经历,随手而记,也可以供以后遇到类似问题时查找参考…

乾元轩新域名终于拿到工信部备案号了

乾元轩新域名终于拿到工信部备案号了

互联网在中国当然必须具有中国特色,而备案就是中国特色之一,没有工信部的备案号当然就如红旗上少了一颗星星一样,不靠谱,这个imwen.com已经注册半年了,从注册时起,就委托空间商备案客服帮忙备案了…

linux系统root密码忘记修改办法

linux系统root密码忘记修改办法

linux系统Root密码忘了怎么办?解决办法(图解请下载附件) Root密码忘了就这么办!这个方法菜鸟实践证明可行!1.在开机启动的时候能看到这个引导目录(3秒将进入默认),用上下方向键选择你要进入…

靠谱助手 BlueStacks安卓模拟器使用说明程序下载

注意:本文提供安卓模拟器BlueStacks和靠谱助手的使用介绍和程序下载,需要的话,请继续往下文看。BlueStacks安卓模拟器下载地址:http://pan.baidu.com/s/1pJ8u4…

网络推广是SEO,还是SEM?以APP推广为例

因为手机站展示内容有限,而且有些SEO技术问题不能实现,所以,依靠SEM拼杀,是较好的选择了。特别是,app一般都是在手机端使用的,用手机站找APP的用户更多,如何把自己的APP产品更大面的展示在手机…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。