Estoy tratando de reproducir/pausar un audio mp3 HTML5 al hacer clic en el botón (con la identificación "playaudio"), funciona bien en todos los dispositivos excepto en iOS Safari, muestra el siguiente error en Safari en la consola al hacer clic en reproducir botón:
Rechazo de promesa no manejado: NotSupportedError: la operación no es compatible".
¿Alguien puede decirme por qué tengo este problema solo en Safari y cómo puedo solucionarlo?
let song = document.getElementById("testingsong"); $('#playaudio').click(function() { var clicks = $(this).data('clicks'); if (clicks) { $(".play").css("display", "none"); $(".pause").css("display", "block"); song.play(); } else { $(".play").css("display", "block"); $(".pause").css("display", "none"); song.pause(); } $(this).data("clicks", !clicks); }); <audio id="testingsong" src="/audio.mp3"></audio>