How to set Youtube Video background to a section

Insert Slider inside Section. Remove image and set inside video 100% height and width. I am saying it because Slider is already optimized for position: absolute and other things needed. You can do it without Slider but then you have to know what are you doing.

Insert Slider inside Section. Remove image and set inside video 100% height and width. I am saying it because Slider is already optimized for position: absolute and other things needed. You can do it without Slider but then you have to know what are you doing.

Does not work. There is always 1 image there that cant be removed

Hi,

What image can not be remove? You can use the Container control instead of Slider. Add it, then open options in the right panel, set the position to absolute and width and height to 100%. Then insert video.

Sincerely,
Hella

once I set the section to absolute I cannot add video

Hi,

Please attach your template and let us know where you want to add a video.

Sincerely,
Hella

I actually got it to work, not sure how, but when I upgraded to v355 it still in in the layer, but now it is not flush with the left side of the page. I would also like to add some content, like heading and some text in front of the video, any suggestions on how to do that? Thanks for all your help to this point

Support team

Please make a video on this topic. Section with video background is highly demandable stuff these days. Over 20% of my customer want video background in sections. Please make a video on this topic and it will not just helpful for me but also helpful other themler users.

thanks

Here is the link to the video I did for this issue, http://lionsheaddesigns.com/assets/videobg.mp4

Hi, Tom!

Please attach your theme so we could review the settings. Most probably the space can be removed under the Home >> Settings >> Grid padding, set it to 0px.
Also I didn't knew you was using the old version. In that case you should use the Canvas control instead of the Container. If using container set the Position to absolute. Then you will be able to position other controls on the top of the video.

@ Sumit Ojha
We'll consider your suggestion about the video tutorial. Actually the video posted by Tom above may help you, just use the Container with the position set to absolute. If that does not help, provide your template so we could review the settings.

Sincerely,
Hella

Here is the link to the video I did for this issue, http://lionsheaddesigns.com/assets/videobg.mp4

How to write text on video (I want to use video as background)

Hi, Tom!

Please attach your theme so we could review the settings. Most probably the space can be removed under the Home >> Settings >> Grid padding, set it to 0px.
Also I didn't knew you was using the old version. In that case you should use the Canvas control instead of the Container. If using container set the Position to absolute. Then you will be able to position other controls on the top of the video.

@ Sumit Ojha
We'll consider your suggestion about the video tutorial. Actually the video posted by Tom above may help you, just use the Container with the position set to absolute. If that does not help, provide your template so we could review the settings.

Sincerely,
Hella

Everytime I change the setting to Absolute it pushes the video out of the container or canvas and puts it underneath. I was finally able to add some images and text over the video, but it does not resize when screen size is changed. any suggestions would be helpful.

Hi,

We need your theme. Without seeing the settings, we can not provide a solution.

Sincerely,
Hella

ok I will attach it later on today. Thanks

OK, we are waiting for your template.

Sincerely,
Hella

here it is

Here is a website : http://cutevamp.com

It's look like it's designed in themler and have a youtube video in background and also have text and elements above the video.

Themler Team: please add a system to use youtube videos as background for sections in new versions of themlers. It's highly required these days. DIVI theme and almost all type of themes have this ability and it's need to be in themler as well.

Hello Tom,
I checked your theme and here is what I see

In fact I see no problem with video, it covers all the width and works without a problem.
Could you please elaborate what exactly is wrong with it?

regards,
Aileen

@Sumit Ojha .
thank you for your suggestion. It is in our wish list and so it will be considered for one of the future versions

regards,
Aileen

Hello Tom,
I checked your theme and here is what I see

In fact I see no problem with video, it covers all the width and works without a problem.
Could you please elaborate what exactly is wrong with it?

regards,
Aileen

It was the margin setting in Home that you suggested that made it line up correctly. I was wondering how to add text on top of video and make it responsive as well. Sections with images as bg do it just fine but for video not so good. Any suggestions? Again thanks for all you help in this matter

Eventhough there is no such standard functionality in themler, It is possible to create such a background. In fact it is very easy to realise. This is an example of my own site: www.cumaliaksu.nl

Just follow the next steps:
1) You first need to insert a slider section
(you need to clean te slider content by deleting all the containers and the image)
2) Now you have a blank slider you can add a video into the slider section.
(You need to delete also the Max width value and set the width and eight values of the video to 100vh and 100vw, select absolute positioning middle)
3) You can insert any functionality on the video by drag drop, but dont forget to put the value of the video layer into send to back, this is very important. Otherwhise all the insert will dissapear in the background.

Hope this will help!
Regards, Djumali