On urbansunsets.com, I have implemented radio streaming in HTML5 and JavaScipt (jQuery). There is an error on iPhones.

The code:

HTML

2. <div class="col-lg-12 col-sm-12">
3. <div id="radio_player">
4. <div class="default-player">
5.  <audio width="320" height="240" controls playsinline id="audio_player">
6. <source id="player_source" src="http://public.radio.co/stations/sedf8bacc9/m3u" type="audio/mpeg">
7. </audio>
8. </div>
9. 
   
10. <div id="audioplayer">
11. <button id="pButton" class="pause"></button>
12. <div class="live">Livee</div>
13. <div id="volume_control">
14. <label id="rngVolume_label" for="rngVolume">
15. <i class="fa fa-volume-up" aria-hidden="true"></i>
16. </label>
17. <input type="range" id="rngVolume" min="0" max="1" step="0.01" value="0.5">
18. </div>
19. <div class="current-piece">
20. <div class="now-playing">Now playing:</div>
21. <div id="song_name">
22. <script src="https://public.radio.co/embed/sedf8bacc9/song.js"></script>
23. </div>
24. </div>
25. </div>
26. </div>
27. </div>

jQuery:

2. (function() {
3. setTimeout(function(){
4. document.getElementById("audio_player").play();
5. }, 300);
6. 
   
7. var music = document.getElementById('audio_player');
8. 
   
9. function playAudio() {
10. if (music.paused) {
11. music.play();
12. pButton.className = "";
13. pButton.className = "pause";
14. } else {
15. music.pause();
16. pButton.className = "";
17. pButton.className = "play";
18. }
19. }
20. 
    
21. $('#pButton').on('click', playAudio);
22. 
    
23. $(function() {
24. var timeout
25. $("audio").on({
26. pause: function() {
27. clearTimeout(timeout)
28. },
29. play: monitor
30. })
31. $("#rngVolume").on("input",function(){
32. $("audio").prop("volume",this.value)
33. })
34. });
35. 
    
36. function monitor() {
37. $("#rngVolume").val($("audio").prop("volume"))
38. $.ajax("https://public.radio.co/stations/sedf8bacc9/status", {
39. cache: false
40. }).then(function(data) {
41. $(".title").text(data.current_track.title)
42. $(".data").text(JSON.stringify(data, 4, 4))
43. $(".artwork").attr("src", data.current_track.artwork_url)
44. timeout = setTimeout(monitor, 1000 * 60)
45. })
46. }
47. })();

The error: 

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

I have only seam it on iPhones.

What is the cause of this error?