נגן אודיו של פלי וסטופ:
<!DOCTYPE html>
<html>
<body>
<audio id="myAudio"> >
<source src="כתובת האודיו שלכם">
</audio>
<div onclick="playAndPause()">
<img id="play-image" src="כתובת האייקון - פליי"
width="50" height="50">
<img id="pause-image" style="display:none;"
src="כתובת האייקון - השהה" width="50"
height="50">
</div>
<script>
var x = document.getElementById("myAudio");
var imgPlay = document.getElementById("play-image");
var imgPause = document.getElementById("pause-image");
function playAndPause() {
if (x.paused) {
x.play();
imgPlay.style.display = "none";
imgPause.style.display = "inline";
} else {
x.pause();
imgPlay.style.display = "inline";
imgPause.style.display = "none";
}
}
</script>
</body>
</html>
קרדיט ל: dovid הצדיק
