html audio player in top of Fury Theme

[david hill]

Hi guys,
I was wondering, would it be possible to place a small html 5 player across the top of the Fury theme?
This would be in the header top bar.
I use a compact versatile html 5 audio player in my music section I am happy with.
Any tips would be appreciated.

Thanks again,
Love the theme!

[Zex]

Hello David,

Unfortunately, there is no way to insert the audio player into the top bar. Instead, you can try to insert the audio tag on top of your webpage, following the next steps:

1. Install and activate the “Insert Header and Footer” plugin. https://prnt.sc/qx9o11

2. Go to the next address http://scriptgenerator.net/really-simple-embed-audio-player-script/

fill the form and generate the code. https://prnt.sc/qx9rrw

3. Navigate to the Dashboard->Settings->Insert Headers and Footers
and Paste the copied code into “Scripts in Header” text field.

3. Save the changes
https://prnt.sc/qx9tfh

If you want your player to be full width, set the “width” value to 100% instead of the 300px.

Here’s the code you can use if you want to test :

<audio controls preload="metadata" style=" width:100%; height:30px;">
	<source src="http://www.hochmuth.com/mp3/Haydn_Cello_Concerto_D-1.mp3" type="audio/mpeg">
	Your browser does not support the audio element.
</audio><br />

Regards

• This reply was modified 3 years, 4 months ago by Zex.
• This reply was modified 3 years, 4 months ago by Zex.

[Author]

Posts