Make an Internet Radio Player from DIY Kit

I have an account with [login to view URL] for my internet stream. I need a good looking player that will work on Safari (especially the new Safari for Mac OS Sierra -- if you do not have access I can test it), Chrome, Firefox and Opera. [login to view URL] has a development kit for making a player. It has many variables and quite frankly I am decent with HTML but this confused me. I would give you a logon to [login to view URL] and you can visit their radio player kit. Here is what I tried with very limited success: <div class="[login to view URL]" data-autoplay="true" data-playbutton="true" data-volumeslider="true" data-elapsedtime="true" data-nowplaying="false" data-showplayer="false" data-volume="75" data-image="[login to view URL]" data-showartwork="false"></div> The examples they show have a background like the .jpg I listed above and the controls on the background. Once logged into my [login to view URL] account, go to [login to view URL] and there are examples and tons of more data variables I cannot get my mind around. Also, it asks that code be put in the header and the footer. For my index page I have already added that code. I build my webpages using Rapidweaver which has unique ways of adding code to the header and footer. I recommend you just build a blank webpage (if you need to do this on my website, I will give you FTP info and a password plus access to the cPanel if necessary. I think you could try it on any webpage. I think someone with a good handle on the variables could finish making a web player in a couple of hours. This is the primary code for the player: <div class="radioplayer" data-src="[login to view URL]" data-autoplay="false" data-playbutton="true" data-volumeslider="true" data-elapsedtime="true" data-nowplaying="true" data-showplayer="true" data-volume="50" data-showartwork="false"></div> This is player options: The options passed to the referenced HTML element on the web page, these options control certain funnctionality and visibility of some elements. data-src="[login to view URL]" Your [login to view URL] listen stream URL, required to set up the player data-autoplay="true|false" Automatically start playing the stream when the page loads data-playbutton="true|false" Display a play and pause button on the page data-volumeslider="true|false" Display the volume slider on the page data-nowplaying="true|false" Display the current now playing information of the station data-elapsedtime="true|false" Display the current streaming total elapsed time on the page data-showplayer="true|false" Show or hide the radio player from the page, use in conjunction with displaying only certain elements. data-volume="0-100" Set the initial volume of the stream when the page loads, requires a number between 1 and 100. data-showartwork="true|false" Display just the artwork of the currently playing song (use with data-showplayer='false'). data-image="path/to/[login to view URL]" Changes the square image on the player to a custom image source. data-bg="path/to/[login to view URL]" Sets a custom background image behind the player. data-volume="0-100" Set the initial volume of the stream when the page loads, requires a number between 1 and 100. Methods There is a whole section on optional methods. I would like the player to be centered on the page. I also would it to change the display of the tune as fast as it can. There seems to be methods to do this.