Full screen video block

Site URL: https://faithstrongculture.com/test

Hi!

I looked through the various other posts regarding full bleed blocks and tried a whole bunch of proposed solutions that didn't pan out fo me. So here I am again. I have the video embedded via a video block with the code below. (Courtesy of Rebecca Grace)

<iframe src="https://www.youtube-nocookie.com/embed/*******?playlist=*******&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>

I would like that video block to display full screen just as it would if it were a banner video. Appreciate all you in the community!

Kico
 

2 hours ago, Kico said:

Site URL: https://faithstrongculture.com/test

Hi!

I looked through the various other posts regarding full bleed blocks and tried a whole bunch of proposed solutions that didn't pan out fo me. So here I am again. I have the video embedded via a video block with the code below. (Courtesy of Rebecca Grace)

<iframe src="https://www.youtube-nocookie.com/embed/*******?playlist=*******&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>

I would like that video block to display full screen just as it would if it were a banner video. Appreciate all you in the community!

Kico
 

Can you make it a background for a section?

1 minute ago, bangank36 said:

Can you make it a background for a section?

I could, but then it won't play sound. That's why I'm using a block instead. Do you know how to add a banner video with sound?

21 minutes ago, Kico said:

I could, but then it won't play sound. That's why I'm using a block instead. Do you know how to add a banner video with sound?

we can use custom code to make it full width, add your video there and I will help checking

On 3/26/2021 at 4:06 PM, bangank36 said:

we can use custom code to make it full width, add your video there and I will help checking

It is there.

@Kico Add to Design > Custom CSS

/* Fullwidth video */
body#collection-605e0f710db7707460c3429e section.Main-content {
    padding-left: 0;
    padding-right: 0;
}

On 3/26/2021 at 11:06 PM, bangank36 said:

we can use custom code to make it full width, add your video there and I will help checking

Please can you let me know how to do this. I really need some help! thanks
 

On 4/8/2021 at 12:52 AM, fintantio said:

Please can you let me know how to do this. I really need some help! thanks
 

 

Have you solved it yet?

I'm in need of this fix as well. I just tried the code from @tuanphan and it didn't work...any suggestions? Video is embedded with a video block on version 7.0 Blend template.

TIA!

On 6/29/2021 at 12:26 AM, Bayerand said:

I'm in need of this fix as well. I just tried the code from @tuanphan and it didn't work...any suggestions? Video is embedded with a video block on version 7.0 Blend template.

 

TIA!

Can you share link to page where you added video block? We can check easier

Yes, I will email you!

On 3/30/2021 at 7:18 PM, tuanphan said:

@Kico Add to Design > Custom CSS

/* Fullwidth video */
body#collection-605e0f710db7707460c3429e section.Main-content {
    padding-left: 0;
    padding-right: 0;
}

 

This worked great for me just now on a 7.0 site — thanks TuanPhan!