Javascript 单击图像时播放/暂停音乐

我是新来的。本周我创建了我的第一个html网站。 我在我的页面上包括一个图像，当你点击它时，它就会开始跳舞。当我再次单击它时，它会返回到正常的png。这起作用了。我还使用以下javascript在单击图像时触发音频。于是图像开始跳舞，音乐开始播放

    <script language="javascript" type="text/javascript"> 
    function playSound(soundfile) {
    document.getElementById("dummy").innerHTML=
    "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" 
    loop=\"false\" />"; 

    }

当我点击图像，它停止跳舞，音乐又开始了。我希望它暂停，当我再次单击它时，继续播放。 我希望这是有道理的，我希望有人能帮助我。对不起，如果我是

---

模糊的，或者如果它没有意义，正如我说的，我对这个很陌生。

看看这个代码片段-它使用一个标记来实现您想要的：

您的浏览器不支持音频标记 document.querySelectorimg.addEventListener单击，函数E{ var state=e.currentTarget.dataset.state； 如果状态==播放{ //同时播放gif document.querySelectoraudio.play； e、 currentTarget.dataset.state=暂停； } 否则{ //同时暂停gif document.querySelectoraudio.pause； e、 currentTarget.dataset.state=播放； } };

---

你考虑过用标签来代替吗？谢谢你的帮助。我试过了，但正如我说的，我不确定我是否做对了，因为我经验不足。添加一个触发音频的按钮可以正常工作，但我似乎无法用图像替换它。你能给我举个例子吗？还有，当我点击图像时，如何触发音频，但同时将其更改为gif，使其开始移动？@Elle我更新了我的示例，改为使用img。您已经有了播放/暂停gif的代码，对吗？只要把代码放在if-else块中就行了