Amazing Audio Player customer code

Design help Custom code
1

I am trying to use he Amazing Audio PLayer onmy website and cannot seem to get it working. I have followed the aample provided by @cyberdave. Interestningly enough, if I copy his code the my site, I can get he player to work. When I apply my own code, the player does not even appear on my page.

I am hosting the audio player engine and audio files on SaberCatHost.com They offer several URLs for a given file, as well as URL’s for folders. It is unclear to me which URLs I should be using and I have contacted them or help as well.

My player is on a secondary test page on my website… www.timdanko.com/jsplayer-test.

Below is the HTML code produced by the Amazing Audio Player and modified by me.

Thanks in advance for your help.

Amazing HTML5 Audio Player, powered by http://amazingaudioplayer.com 
<!-- Insert to your webpage before the </head> -->
<script src="https://sabercathost.com/folder/81449/audioplayerengine/jquery.js"></script>
<script src="https://sabercathost.com/folder/81449/audioplayerengine/amazingaudioplayer.js"></script>
<link rel="stylesheet" type="text/css" href="https://sabercathost.com/folder/81449/audioplayerengine/initaudioplayer-1.css">
<script src="https://sabercathost.com/folder/81449/audioplayerengine/initaudioplayer-1.js"></script>
<!-- End of head section HTML codes -->

<!-- Insert to your webpage where you want to display the audio player -->
<div id="amazingaudioplayer-1" style="display:block;position:relative;width:100%;max-width:300px;height:auto;margin:0px auto 0px;">
    <ul class="amazingaudioplayer-audios" style="display:none;">
        <li data-artist="" data-title="Fiction drama dialogue" data-album="" data-info="" data-image="" data-duration="0">
            <div class="amazingaudioplayer-source" data-src="https://sabercathost.com/folder/80430/audios/Fiction_drama_dialogue_V2_07-Mar-2018.mp3" data-type="audio/mpeg" />
        </li>
        <li data-artist="" data-title="Fiction drama narrative" data-album="" data-info="" data-image="" data-duration="0">
            <div class="amazingaudioplayer-source" data-src="https://sabercathost.com/folder/80430/audios/Fiction_drama_narrative_Feb_2018.mp3" data-type="audio/mpeg" />
        </li>
        <li data-artist="" data-title="Fiction mystery dialogue" data-album="" data-info="" data-image="" data-duration="0">
            <div class="amazingaudioplayer-source" data-src="https://sabercathost.com/folder/80430/audios/Fiction_mystery_dialogue_V4_06-Mar-2018.mp3" data-type="audio/mpeg" />
        </li>
    </ul>
</div>
<!-- End of body section HTML codes -->
2

You are including jQuery three times. You shouldn’t be doing that.

Also, custom code usually should not be placed in the header unless you know what you’re doing.