Video Banner (home page)

Hello, I am currently using the furniture template and I would like some advice how to add a youtube video to autoload at the top of the home page where we currently have the Elementor slider installed. I attempted to add a video as a slide but it will only allows an image.. your help is greatly appreciated. Home page link is below.

https://device-graphics.com/cmb/

Hello,

Currently, WoodMart Sliders supports background images only, not background videos. If you wish to display a YouTube video as a background or autoplay banner, we recommend using Slider Revolution.

Alternatively, you can also add a YouTube video to the top section of your homepage using Elementor:
Simply edit it with Elementor > Edit the container > Set the container background to “Video”, and paste your YouTube link: https://elementor.com/academy/add-video-background-to-your-wordpress-website/

To speed things up, you can also import a pre-built video section from the WoodMart Templates Library:

Screenshot for clarification: https://ibb.co/RNPFDYs

Detailed guide on using the Templates Library:
https://xtemos.com/docs-topic/templates-library/

Best Regards,

Hello thanks for the reply, I am going to try both of these methods. I tried to add the video background to my homepage but it doesn’t function as a lead banner because it has all of the content on top of it and although I can make it look good on desktop with a spacer element it doesn’t line up correctly on mobile and we need the video to be responsive. Maybe you can advise on how to make the background full width (attached screenshot) like the current Slideshow on the website (https://device-graphics.com/cmb/) basically we want to insert a video currently where the slideshow element is. Also when editing the background through Elementor it seems to be boxed in like the layout of the website.

I am thinking the way to go is Slider Revolution. Do you happen to have any links for Slider Revolution templates or instructions on how to make a video slideshow using that plugin? Thanks again for your help.
For reference we want to mimic this website video as lead banner – https://hidengosleep.com/

Attachments:

You must be logged in to view attached files.

Hello,

I’ve checked your website, and I can confirm that in the current slideshow, the video does not persist and the container is full width.

For the slider revolution, try to follow the plugin documentation.
https://www.sliderrevolution.com/documentation/slide-background/
https://www.sliderrevolution.com/tutorials/how-to-add-a-beautiful-video-background-to-your-website-tutorial/

Additionally, If you want to create a banner like the (https://hidengosleep.com) site. Try to use the video background element from the theme library.

See this video for a better understanding: https://streamable.com/kzgcri

Best Regards,

Hello thank you for response. Sorry for the delay but I was unable to check your response until today and I think the video link has expired? Not sure but when I click it says it is no longer available. I will try to figure it out but if you can resend the video I will try to view it before it expires.

Also I will have to attempt to make it with the video background element from the theme library because to use video with the Slider Revolution I have to pay for the annual license and Im trying to cut cost as much as possible at the moment. thanks again.

Hello,

Please see the video link here: https://streamable.com/4hjc8m

If you have any questions, feel free to contact us.

Best Regards,

Ok thanks I was able to do that but now Im having a couple of issues..
1. Is there a way to make the video responsive like the website (https://hidengosleep.com/)? when viewing it on a phone or tablet it doesn’t look as good and there is some black on the top and bottom of the video.
2. Also there is some white space above my background that I would like to remove, it should be flush with the menu above it (attached image indicates white space but it is visible on the desktop, the video is not flush with the top). Thanks again.

Attachments:

You must be logged in to view attached files.

Hello,

Now I have checked your site and have not seen the extra space on your site on either desktop or mobile.

See Screenshots for clarification:
https://ibb.co/B2hKwVwt
https://ibb.co/FknqZ4SH

Best Regards,

[Author]

Posts