So i have an page with multiple mp3-files which right now can all be played at the same time. But when I have an player running and start one of the others, the already running should stop playing and then the new one. Also I have an infite load, which loads more mp3-files each time I scroll. In total I have 800 mp3-files, which might all be loaded if someone scrolls far enought.
Is there a way to achieve that, besides running through all of them and check if its playing and then stop it, if it does?
Sidenote: I have jQuery and base JS in use for that
For clarification here are some more details about the problem:
Its an Wordpress page, where there are listed the latest 5 Podcasts and as soon as I scroll far enought down, another 5 get loaded into the page.
Those Podcasts are some custom post types, so like 0 own code is written, besides some basic HTML and CSS, which is not noteworthy.
Since there do exist 800 Podcasts as of now, this is the possible ammount, if someone dares to scroll for ages.
You can click on the title and image to get into an seperate page, where only the Podcast itselfe is listet with some extra information about it.
In the podcast category are thus 5-800 Podcasts.