Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Full Width video with Code


C_D

Question

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

Link to comment
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

7 answers to this question

Recommended Posts

  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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?

Link to comment
  • 0
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

Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...