写的有一些不足 欢迎提意见
第一种静音播放
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><audio muted loop src="./video/青蛙 - 小跳蛙.mp3" controls="controls" autoplay="autoplay" ></audio><script>function toggleSound(){var audio = document.querySelector('audio')if (audio.paused) {audio.play();}else{audio.paused = false}}setInterval(toggleSound(), 1000)</script></body></html>
这种方法需要自己到网页后调节进度条上得调节音量的值
这种方法如果用谷歌可能需要修改谷歌的一些东西
在chrome 浏览器中输入:chrome://flags,搜索“Autoplay policy”,默认为“Default”,
修改为 “No user gesture is required” 就可以了;此方法仅限谷歌浏览器,而且比较笨拙,
第二种 换了一个标签
<embed src="audio/青蛙 - 小跳蛙.mp3" loop="true" autostart="true" hidden="true">
***这种方法不能让音乐循环播放