audio files break on iphones

[matt-Mindwell]

I have 2 audio files loaded on a page and it works great for everything but apple products. I found a working solution to the issue (it's a known one that is no linked to your component) - but it only works for one of the 2 audio files.

I create them as 2 separate and distinctly named pieces - but they both get complied as <audio id="player" ...>.

The solution I found::

                        var song = document.getElementById("player");
                        song.play();
                        song.pause();

Works to play/pause the first, but I have no way of specifying the second one.

I've tried looping through a collection - that doesn't seem to work at all, just returns null values etc.

Is there a way I can specify the ids to be used when compiling the vuetify code to the <audio id="player" ...> code??