Full Width video with Code

Site URL: https://mcamediam.squarespace.com/teatro-gerolamo

Hi Guys,

I'm working on this website: https://mcamediam.squarespace.com/ted-x

Client requested me that the video must be full width (just like the Home Page). I don't want to use YouTube to host every video for every project, so I'm asking you a line of CSS code to assure that every video for every case like these are in full width mode.
 

https://mcamediam.squarespace.com/ted-x

https://mcamediam.squarespace.com/pagani-mca-media

https://mcamediam.squarespace.com/teatro-gerolamo

How can I achieve that?

Thanks,

Dario

23 hours ago, C_D said:

Site URL: https://mcamediam.squarespace.com/teatro-gerolamo

Hi Guys,

I'm working on this website: https://mcamediam.squarespace.com/ted-x

Client requested me that the video must be full width (just like the Home Page). I don't want to use YouTube to host every video for every project, so I'm asking you a line of CSS code to assure that every video for every case like these are in full width mode.
 

https://mcamediam.squarespace.com/ted-x

https://mcamediam.squarespace.com/pagani-mca-media

https://mcamediam.squarespace.com/teatro-gerolamo

How can I achieve that?

Thanks,

Dario

Hi. What is access password?

Yes, sorry.

pwd: mca.media

21 hours ago, C_D said:

Yes, sorry.

 

pwd: mca.media

Can you add a blank section >> Move video into it? Then we can make video fullwidth with no padding.

On 8/5/2021 at 9:31 AM, tuanphan said:

Can you add a blank section >> Move video into it? Then we can make video fullwidth with no padding.

Sorry, what do you mean? Do I need to put a blank section in a Case page?

On 8/12/2021 at 12:49 AM, C_D said:

Sorry, what do you mean? Do I need to put a blank section in a Case page?

Add blank section, then move video block into it.

On 8/14/2021 at 6:46 AM, tuanphan said:

Add blank section, then move video block into it.

Problem is that I used the CODE components instead of videos because I don't want that the video is uploaded on YouTube et similar.

As you can see I put a blank section and code but it's always not full screen.

<center>
<video autoplay="autoplay" loop="true" width="100%" height="820">
<source src=" https://static1.squarespace.com/static/60cc97984ad38e5605dfe4cc/t/60eef41492a6a63af818824c/1626272805740/TED+X+-+MCA.mp4"/>
  </video>
</center>

This is the code on the page: https://mcamediam.squarespace.com/ted-x

15 hours ago, C_D said:

Problem is that I used the CODE components instead of videos because I don't want that the video is uploaded on YouTube et similar.

As you can see I put a blank section and code but it's always not full screen.

<center>
<video autoplay="autoplay" loop="true" width="100%" height="820">
<source src=" https://static1.squarespace.com/static/60cc97984ad38e5605dfe4cc/t/60eef41492a6a63af818824c/1626272805740/TED+X+-+MCA.mp4"/>
  </video>
</center>

This is the code on the page: https://mcamediam.squarespace.com/ted-x

Add to Design > Custom CSS

[data-section-id="60ee9428f72ce0266e14399b"] .content-wrapper {
    padding: 0px !important;
    max-width: 100% !important;
}
div#block-00688d3ec5328cd2efdc {
    padding: 0px !important;
}