Using Audio Player with Fullscreen Slider

Hello,

I have a homepage with fullscreen image slider and I also want background music playing while the slide show is going on.
I want to use Audio Player element for this but I have some questions :

1- I want audio player element to start playing when the page loads with Full Screen Slider working. but I know that I can not place it inside fullscreen slider. So is it possible to modify the css to place the audio player on the bottom (or top) edge of the browser viewport with fullscreen slider on the background so it can start playing when the page loads ?

2- Currently I just place Audio Player below Full Screen Slider in ALB but then when the page loads the player does not start since its stays below the full screen slider.

3- How can I only leave one single play/mute icons only (Or use ON/ OFF icon instead to stop/play the music ? I do not want anything else than the ON/OFF button. Please see example example
I know they are using video here but is it possible to achieve a look like that with Enfold Audio Player Element.

4- Is there an easier way to achieve this if Audio Player is not the correct solution…

Thank you,
Enis