Html5 Audio Player Docs First, install the Elementor plugin to use Elementor widgets of HTML5 Audio Player. On Elementor editing page you will see there are 4 players from HTML5 Audio Player: Simple, Stamp, Fusion, and Playlist.
Simple Player
Insert Simple Player, you will see the settings in the left sidebar and preview in the center of the page. In the sidebar settings, upload Audio File, enter Title, enable/disable Muted, Repeat, Autoplay, and set Seek Time.
In the Controls panel, show/hide the controls such as Restart, Rewind, Play, Fast Forward, Progressbar, Current Time, Duration, Mute, Volume, Settings, and Download buttons.
Go to the Style tab. From here set the Width, Primary Color, and Secondary Color of the Simple Audio Player.
Stamp Player
If you want to show Stamp Player, select that from the widgets area. For the Stamp Player, upload Audio File, enter Title, enable/disable Muted, Repeat, Autoplay, and set Seek Time.
Go to the Style tab to set the Width and Primary Color of the Player.
Fusion Player
Add Fusion Player to show Fusion style. For Fusion Player upload Audio File, Image, enter Title, enable/disable Muted, Repeat, Autoplay, show/hide Download Button and set Width, Seek Time.
Playlist
Add the Playlist Player to play a playlist. Change Skin(Narrow, Extensive) and Theme(Dark, Light, Custom). Add a Playlist item, for each item upload Audio File, and Poster Image, and enter the Title, Artist.
Go to the Style tab. Set the Width, Height, and Poster Height of the Playlist Player. Height and Poster Height are only available for Extensive skin.
Select Narrow skin, in this skin show/hide Download Button.
For Custom Theme style, select Custom Theme and go to the Style tab. You will see the color options for the custom theme. You can set Brand, Background, Item Text, Item Hover/Active Background, Item Hover/Active Text, Odd Item Background, and Even Item Background color.
