Slider Revolution Audio Player (default/custom)

Support
#1

When you add audio to a slide or layer it shows a default audio player if you choose to make it visible (which I want). I can see the css to change some things about the player.

My question is: is there another audio player that can be customized as the default player? For example, is there a wordpress audio player that when downloaded will be the default player for Slider Revolution audio?

#2

Hi There,

You also can use X Audio Shortcode in a text element in Revolution Slider

http://demo.theme.co/integrity-1/shortcodes/audio/

Hope it helps

#3

Thanks!
So no way to change the way the player looks visually?

Rev Slider lets you drop a play button icon onto a layer and have the audio layer play when you click it.
Is it possible to drop an icon in Pro and have it play an audio file (instead of link to the audio file)?

#4

Hi,

Some changes are possible with simple CSS,

Please provide the page so we can take a look and let us know what you are looking to achieve.

Thanks

#5

Just looking to play audio but without using the default player that you sent the short code for.
Would just like to use a play button icon (or any icon) to play audio, like no progress bar etc.

#6

Hi There,

Please add the following code to Theme Options CSS

.mejs-time-rail {
 display: none !important;
}
.mejs-controls {

    max-width: 28px;
    background: none;
}

Hope it helps

#7

Very clever thanks. I actually didn’t know the v2 audio element had so many settings. It looks like there is everything I need except the height or a way to make the play button bigger.
Is there no way to assign an icon or set of icons as the controls for the media player?
Thanks for the help.

#8

Hi @clefler,

Regretfully, those aren’t features offered in the Audio element / shortcode. Custom development is required for this which is outside the scope of our support. I could link you to some guidance but please note that we could not cover issues resulting from the use of the guide and any enhancement of it. Here’s the guide. Here’s the code from that guide.

.mejs-button.mejs-play button:before {
    content: "\f144";
    font-size: 1.8em;
}

Hope that helps.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.