You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

技术求助:页面嵌入MP3文件可播放但无法实现循环功能

解决MP3嵌入后无法循环播放的问题

嘿,我来帮你搞定这个循环播放的小问题!你现在用的<embed>标签其实本身支持循环属性,但可能没加上,而且这个标签比较老旧,浏览器支持度不如现代的音频标签稳定,我给你两种解决方案:

方案1:优化现有<embed>标签

给你的<embed>标签加上loop="true"属性,就能尝试开启循环了,如果需要自动播放还可以加上autostart="true"(不过要注意,现在很多浏览器限制自动播放,可能需要用户和页面交互后才会播放):

<embed class="audio" src="D:\Sublime Text 3\first\Clock-ringing.mp3" loop="true" autostart="true">

方案2:改用更可靠的<audio>标签

<embed>是比较早期的嵌入方式,现代浏览器更推荐使用<audio>标签,它的循环功能更稳定,还自带播放控制栏,体验更好:

<audio class="audio" src="D:\Sublime Text 3\first\Clock-ringing.mp3" loop controls>
  你的浏览器不支持音频播放,请更新到最新版本哦。
</audio>
  • loop:开启循环播放
  • controls:显示播放/暂停、音量等控制按钮
  • 如果需要自动播放,可以加上autoplay属性,但同样要注意浏览器的自动播放限制

另外提个小建议:尽量用相对路径代替绝对路径,比如把音频文件放在你的项目文件夹里,用src="Clock-ringing.mp3",这样在不同环境下都能正常访问,避免路径出错。

内容的提问来源于stack exchange,提问作者Justin Bache

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 09:00:34