技术求助:页面嵌入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
相关产品推荐
相关产品推荐

