[ThePlagueParticipant]

Hey guys,

Is there a way to add a click function for a background video in the slider revolution? (so when you click anywhere within the video it toggles play/pause)

Example: http://gorillaz.com/

[RupokMember]

Hi there,

I don’t think there is such option in Revolution Slider. You can still try exploring the Revolution Slider Documentation if you find such option.

Thanks!

[ThePlagueParticipant]

I added the html5 video as a fullscreen slide layer, and now I have the option to pause/play. Awesome! However, it puts the control button right in the middle of my screen… Less awesome. I’ve selected the “hide controls” option when creating the slide, and it’s still there. My goal is to add a click function to the video that plays/stops it (I know how to do in the actions tab), and remove the current visible controls (clueless). Any advice or suggestions?

Thanks!

[LelyModerator]

Hi There,

You may want to check this:https://www.themepunch.com/faq/hide-html5-video-button-prevent-html5-video-from-being-clicked/

We can move the available play/pause button on the video by adding the following CSS:

.tp-video-play-button {
    left: 0 !important;
    top: 0 !important;
}

That will the control on top left instead of the middle of the video.

Then hide video controls by adding this:

.tp-caption:hover .tp-video-controls {
    display: none !important;
}

Hope this helps.

[ThePlagueParticipant]

I’ve tried adding both of those to my custom css section within the slide, and it doesn’t appear to be working. Am I missing something?

[JoaoModerator]

Hi There,

Please add the following code in Appereance > Customizer > Custom > CSS instead.

Hope it helps

Joao

[ThePlagueParticipant]

That totally works, Brilliant!! Super helpful guys, I’m so exited, thanks so much 🙂

One more question, is it impossible to add a volume control for the video? Or would that only work if the audio was on it’s own layer?

[Rue NelModerator]

Hello There,

Thanks for the updates! Regretfully you can only mute or unmute the audio of the video. There is no volume control available. Please check out the documentation for more information: https://www.themepunch.com/revslider-doc/main-background/?tab=html5video

Hope this helps.

[ThePlagueParticipant]

Right, I was aware of that feature. Thanks so much for all the help!

[RupokMember]

You are welcome!

Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts