我正在努力为我的网站构建以下基本功能。单击同一张单独的图片（jpg）时，我需要能够播放和暂停音频（mp3），并且光标在图片上方时会发生变化，以反映“可点击的元素”。就上下文而言，我基本上是在使用wordpress平台，并将html元素插入各个页面。音频和图像都存储在我的wordpress媒体库中。到目前为止，我发现以下代码可以显示图像，将鼠标光标更改为（标准手指）并播放音频，但不幸的是，它不会暂停音频（显然是因为不存在此功能）。
<!DOCTYPE html>
<html>
<script>
var audio = new Audio("WP AUDIO LINK");
audio.oncanplaythrough = function(){}
audio.onended = function(){}
</script>
<input type="image" id="myimage"style="height:200px;width:200px;"src="WP IMAGE LINK"
onclick="audio.play()">
</html>
该代码来自：How to make an image that plays audio when clicked
我一生都在尝试包括暂停功能，但无济于事。任何建议将不胜感激，请在这里接受我的天真，因为我会不断学习。