-
AuthorPosts
-
January 30, 2022 at 3:00 pm #1337910
How do I get a responsive mask over a video. Mine isn’t responsive, it repeats, it doesn’t fit!!!
Video doesn’t even play on mobile.
Cheers- This topic was modified 2 years, 10 months ago by chrispl0.
January 30, 2022 at 9:08 pm #1337935Hey Chris,
Thanks for the link to your site, unfortunately color section background videos do not automatically play on mobile, and the overlay option adds “background repeat” to the image because it assumes that you are adding a small overlay image, using this option as a mask was not the intention.
I recommend using the Layerslider instead as it will play a background video on mobile (for now, note that the browsers are always changing to block this behavior) and you can add a “mask” layer.
Although you may need to create two layersliders, one for mobile and one for desktop, because depending on the situation landscape desktop slides don’t always change into portrait mobile view well.Best regards,
MikeJanuary 30, 2022 at 9:18 pm #1337936Hi thanks for getting back to me but I can’t pay Layerslider annually just for this part.
How have http://www.nohofilmandtv.com done it?January 30, 2022 at 10:29 pm #1337941January 30, 2022 at 10:34 pm #1337946Oh right I thought it was pay for now. Thanks, I’ll have a look and see if I can make it responsive.
Kindest Regards
Chris
January 30, 2022 at 11:10 pm #1337948January 31, 2022 at 3:03 pm #1338058Hi
Used the layerslider but can’t get the mask overlay responsive and cannot remove a loader.
Sometimes nothing shows! Nowhere near as stable as the one I’m trying to emulate.Regards
Chris
- This reply was modified 2 years, 10 months ago by chrispl0.
February 1, 2022 at 3:37 am #1338104Hi,
Thanks for the feedback, I created a test slider and test page on your site using the other sites video & mask and it seems to work well, please see the link in the Private Content area below. I don’t know why yours is showing a “loading wheel” or where the setting for it is, but the one I created doesn’t have this, I also believe that using a self-hosted video works better, I see yours is from youtube. Take a look at the slider and test page and see if you can achieve this with yours.Best regards,
MikeFebruary 1, 2022 at 12:04 pm #1338199Hi Mike.
I’ve duped yours and swopped the vid, now self hosted, and various masks to see what works. It’s now responsive without the loading wheel, (could have been from YouTube) and it’s looking correct.
What can I say apart from thank very much for all your help. You’re an absolute star mate.Many Thanks
Kindest Regards
Chris
February 1, 2022 at 2:04 pm #1338232Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Mask over video’ is closed to new replies.