iOS系统及微信中audio自动播放

最新推荐文章于 2025-08-08 17:07:36 发布

转载最新推荐文章于 2025-08-08 17:07:36 发布 · 546 阅读

文章标签：

#jquery #javascript #ios #audio

div+css 同时被 3 个专栏收录

89 篇文章

订阅专栏

javascript

40 篇文章

订阅专栏

jquery

39 篇文章

订阅专栏

本文介绍了一个简单的音乐播放器控制实现方法，通过监听按钮点击事件来控制音乐的播放与暂停状态，并利用DOM操作更改按钮图标以反馈播放状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//音乐播放暂停		
	$("#audioBtn").click(function(){
		if(music.paused){music.play();
			$("#audioBtn").removeClass("pause").addClass("play");
		}else{music.pause();
			$("#audioBtn").removeClass("play").addClass("pause");
		}
	})

<div class="audio">
    <a class="mscBtn play" id="audioBtn"></a>
    <audio loop id="bgMusic" src="music/bgm.mp3" autoplay preload="auto"></audio>
</div>

//音乐播放暂停		
	$("#audioBtn").click(function(){
		if(music.paused){music.play();
			$("#audioBtn").removeClass("pause").addClass("play");
		}else{music.pause();
			$("#audioBtn").removeClass("play").addClass("pause");
		}
	})