Shop Categories

X

html audio player in top of Fury Theme

Home Forums Fury Theme html audio player in top of Fury Theme

Topic Resolution: Resolved
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23949
    david hill
    Participant

    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!

    #23962
    Zex
    Moderator

    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.
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.