找回密码
 立即注册

QQ登录

只需一步,快速开始

快捷导航
查看: 629|回复: 0

音乐自动播放加循环

[复制链接]

760

主题

874

帖子

2万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
21999
发表于 2021-6-29 09:00:35 | 显示全部楼层 |阅读模式
静观对月提供的的百度分享

你未注册 请注册查看更多所有权限

您需要 登录 才可以下载或查看,没有帐号?立即注册

x


  1. <font size="4">我们看到的一个有控件的mp3播放器,要点一下三角按钮,才能播放,也就是不能自动播放,只要加上代码:autoplay="autoplay"就可以自动播放了,代码是: /*<audio autoplay="autoplay" controls="controls" controlslist="nodownload"src="http://other.web.rz01.sycdn.kuwo.cn/resource/n2/66/98/1430933778.mp3"> </audio>*/

  2. 可是我们播放时又出现问题了,它只能播放一次,不能循环播放,不是我们要的效果,这时我们只要加上循环代码:loop="true" 就成功了,就可以重复播放了

  3. 代码是:/*<audio autoplay="autoplay" controls="controls" controlslist="nodownload" loop="true" src="http://other.web.rz01.sycdn.kuwo.cn/resource/n2/66/98/1430933778.mp3"> </audio>*/

  4. 到这里为止,还有一个问题,有人说这个控件不美观,我不想要他,隐藏掉它可以吗?当然可以,只要去掉控件代码:controls="controls"就ok了,代码是:/*<audio autoplay="autoplay" controlslist="nodownload" loop="true" src="http://other.web.rz01.sycdn.kuwo.cn/resource/n2/66/98/1430933778.mp3"> </audio>*/

  5. 这样改进一下,我们的页面就完美 多了,网页只有图片,没有控件,背景音乐自动循环播放。说明一下:/*注释符号,两个*号当中的才是有用的代码。</font>
复制代码



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|静观对月家园 ( 皖ICP备2021007177号-1 )

皖公网安备 34012202341023号

GMT+8, 2026-2-11 22:48 , Processed in 0.049701 second(s), 21 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.