Jump to content

Make Video size the same size as I uploaded them

Recommended Posts

Hello everyone,

Whenever I click inside a video in my "video portfolio" section, it displays too big and beyond my screen so I tried reducing it by using this code

/* Video size */
@media screen and (min-width:992px) {
.lesson-video-inner-wrapper {
    max-width: 70% !important;
    padding-bottom: 39.25% !important;
    margin: 0 auto !important;
}
}

The problem now is that I have black corner around my video, it's even more noticable when we switch to a 9:16 one.

I wish my video display the size they were uploaded originaly

https://www.baptistegardin.com/portfolio/v/ksaalzfsymfb3pgmpsl3ke8arpyl99

I appreciate any help 

Link to comment
  • Replies 2
  • Views 93
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

3 hours ago, Baptiste_Motion said:

Hello everyone,

Whenever I click inside a video in my "video portfolio" section, it displays too big and beyond my screen so I tried reducing it by using this code

/* Video size */
@media screen and (min-width:992px) {
.lesson-video-inner-wrapper {
    max-width: 70% !important;
    padding-bottom: 39.25% !important;
    margin: 0 auto !important;
}
}

The problem now is that I have black corner around my video, it's even more noticable when we switch to a 9:16 one.

I wish my video display the size they were uploaded originaly

https://www.baptistegardin.com/portfolio/v/ksaalzfsymfb3pgmpsl3ke8arpyl99

I appreciate any help 

Hi you mean the black bars on both sides?

image.thumb.png.cbac6faa0d9baecc10a3ee2e8043bdcc.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.