Adding a backgrond video to Grid Row in Enfold! - Support | Kriesi.at

Tagged: background video, grid row, slide

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
December 19, 2016 at 8:40 pm #726270

Douglas Alexander
Participant

Hey guys,

Is it possible to add a background video or Slide to a Grid Row element? I do know that it’s possible to with the Colour section, but I need the wider flexibility of the Grid Row.

Please advise soonest.

Talk soon,
David

December 19, 2016 at 9:34 pm #726298

Basilis
Inactive Moderator

Hey David!

Would it work to enavle the custom CSS textfield and use CSS for it?

Thank u

Best regards,
Basilis

December 19, 2016 at 10:10 pm #726305

Douglas Alexander
Participant

Hey Basilis,

Sorry mate! I’m not sure what you’re asking.

December 20, 2016 at 8:41 pm #726762

Douglas Alexander
Participant

C’mon – talk to me!

Is it possible to add a background video or Slide to a Grid Row element?

Cheers,
David

December 22, 2016 at 1:02 pm #727502

Douglas Alexander
Participant

Hey Basilis,

What do you mean by: “Would it work to enavle the custom CSS textfield and use CSS for it?”

Please advise.

Talk soon,
David

December 22, 2016 at 11:13 pm #727695

Nikko
Inactive Moderator

Hi BBigDave,

I think the only option we have is to use Color Section and make it wider since Grid Row doesn’t have those features. Can you try use color section then post the link of the page here, you can post it in “private content” so only moderators can see.

Best regards,
Nikko

November 17, 2022 at 6:16 pm #1372983

CONCEPTENCREATIE
Participant

i actually have the same question. Is it possible to place a video in the background of the Grid Row element that fills up the whole section?

November 18, 2022 at 12:15 am #1373029
Nikko
Inactive Moderator
Hi CONCEPTENCREATIE,

There’s no option for Grid Row, however, you can use Color Section for that and then edit it and go to Advanced (tab) > Developer Settings > Custom CSS Classes and in that field put fullwidth
Next, go to Enfold > General Styling > Quick CSS and add this CSS code:
```
.responsive .fullwidth .container {
    width: 100%;
    max-width: 100%;
}
```
Hope this helps.

Best regards,
Nikko
November 18, 2022 at 5:51 pm #1373131

CONCEPTENCREATIE
Participant

Thank you. What if i just want the right section if u use 1/2 + 1/2? So left text en right video background?

November 19, 2022 at 11:52 pm #1373241

Mike
Moderator

Hi,
Does the video have to be a background video if it’s 1/2 of the row? Try putting a video element in half of a grid row element and your text in the other half.

Best regards,
Mike

November 19, 2022 at 11:54 pm #1373242

CONCEPTENCREATIE
Participant

Hi Mike, yes it should be the background video like the example

November 20, 2022 at 12:39 am #1373245
Mike
Moderator
Hi,
Try adding a code block element inside of the grid row with this code:
```
<video width="auto" height="100vh" autoplay>
  <source src="your-video-url" type="video/mp4">
</video>
```
Best regards,
Mike
November 20, 2022 at 10:56 am #1373249

CONCEPTENCREATIE
Participant

Hi Mike,

Thanx. Unfortunately, not working.

November 20, 2022 at 3:19 pm #1373271

Mike
Moderator

Hi,
I’m seeing a CORS error because your video is on Vimeo:

Cross-Origin Read Blocking (CORB) blocked cross-origin response with MIME type text/html.

try using YouTube or self-host. See this thread about Vimeo videos.
and you have a whole page of errors, over 2k:

try disabling all of your plugins and check your browser console.
Since this is not your thread I recommend opening a new thread to address these issues as this is off-topic for this thread and posting your login here will not be private and you will not see anything we write in the Private Content area.
Thank you for your patience and understanding and using Enfold.

Best regards,
Mike
Author

Posts