Docs

[Ony]

Hi there, I had a question regarding having a fullscreen revolution slider playing a video in the background.

No matter what I do I can’t seem to get it to work unless I force a minimum height which then makes the mobile version look extremely unprofessional.

Force cover is already turned on.

Please see following reply with more information.

[Ony]

This reply has been marked as private.

[Christopher]

Hi there,

Please disable ‘Custom grid size’ from slider settings. Add .masthead in slider’s containers field and remove 60px. See the attachment.

Hope it helps.

[Ony]

This reply has been marked as private.

[Christopher]

Hi there,

Please check this link :
https://www.themepunch.com/revslider-doc/layer-responsive-behavior/

Hope it helps.

[Ony]

Thanks Christopher.

I’ll review in the morning and get back to you on my progress.

Thanks so much for the awesome support as usual!

[Christopher]

Let us know if you have further questions.

[Ony]

Hey there,

Using your settings, when I am on mobile it doesn’t properly go fullscreen. However, when I scroll down it will resize itself to be proper dimensions (however it is not longer full size since you’ve scrolled down.) Then when you scroll back up, it’ll resize again to the non-fullsize dimensions.

On my desktop, it doesn’t resize whatsoever, it simply stays non-fullscreen (same dimensions as before.)

Even when I duplicate the working fullscreen slider on the homepage and apply it to the other pages it does not work.

Also, is there a way to allow the video to play on mobile?

Please take a look on a mobile device, would love to get it working so I can format the responsive buttons afterward.

EDIT: I got the fullscreen to work. Needed to add the -60px back to those two sliders.

Still looking for a way to get the video to play on mobile, and for some reason the little boxes that showed custom sizes for mobile/tablet/laptop/monitor is gone so I can’t manually adjust the icons for the respective screen sizes.

[Ony]

This reply has been marked as private.

[Lely]

Hello Ony,

Thank you for the credentials. Please check this article:https://www.themepunch.com/faq/video-not-showing-up-on-mobile/. I can see that you have added it is as Slides Main Background. It will not play by default because it is disabled. Please use Video Content Layer instead.

I am not sure about the custom boxes. Are you referring to helper grid like the attached screenshot?

Hope this helps.

[Ony]

This reply has been marked as private.

[Ony]

This reply has been marked as private.

[Rad]

Hi there,

Have you fixed the video controls? I don’t see it on my end.

About the video on mobile, mobile has no autoplay, a user has to play the video manually. And to do that, layers (dotted style) should not cover the video. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 979px ) {
.tp-dottedoverlay.twoxtwo {
pointer-events: none !important;
}
}

Hope this helps.

[Ony]

Worked great, cheers again x team!

[Ony]

Also, for future reference or if anyone stumbles upon this topic.

Add this code to the revolution slider CSS secction

.tp-video-play-button {display: none !important} /* disable hover play button */
.rev_slider video {pointer-events: none} /* disable right click on video */
.rev_slider video::-webkit-media-controls {display: none !important} /* disable play button on ios */

to do the following explained functions in the comment section to right of the line.

Cheers!

[Author]

Posts