Tagged: background video, color section
Hello. I would like to remove the scale animation and loading black screen for the youtube background video. Is this possible.
Hey hgdouglas!
Thank you for using Enfold.
What do you mean by “scale” animation? Unfortunately, you can’t control the background of the video frame but you can control the background of the wrapper.
#top .av-video-slide.av-video-service-youtube .avia-slide-wrap {
background: red;
}
Cheers!
Ismael
I’m having a similar problem but after adding the code I still get the black flicker. Can you help please?
Hi nathancole,
I can’t access your site, do you have any ip restrictions active?
Best regards,
Rikard
Sorry, the site went live.
Link in private content.
Hi,
I can’t see any black bars in the video. Nice site btw. Again, we can’t control the default preloading background.
Best regards,
Ismael
Thanks Ismael. They are definitely appearing just before the video loads. The screen is black, then it flashes white, then the video starts to play.
The video is hosted on YouTube as you can see. Is there a way of locally hosting the video file(s) for various devices and serving them up dependant on device within Enfold?
Thanks for the advice.
Nath
Hi,
It is possible – but would require some extra work on coding.
https://stackoverflow.com/questions/39407605/serve-different-content-for-a-mobile-device-than-desktop
Take a look here, how it can be achieved most probably.
So you need to load as HTML and then load the video from JS.
If you need more help to do something like that, consider to hire someone to help you out.
Best regards,
Basilis