Jump to content

Black bars in embedded video previews

Recommended Posts

Hi everyone, I've already searched for answers in the forum but haven't been able to find any results working for me. The point is that previews from YouTube videos show black bars above and below, some sort ox extra-padding. How could I solve it?

With embedded videos, I can't load a preview (otherwise I would have solved it).

Maybe I need to change the ratio of the video (so that it would be perfect 16:9, like YouTube)?

It would be OK to me, also, if I could change the color of the bars... maybe by some options in the site style colors?

Here is my video page:
https://www.camillaripani.net/video-1

And the same problem also reverberates in home (scroll down to the video section):
https://www.camillaripani.net/

That black, dark bars are so annoying!

Thank you anyway 🙂

Camilla

 

image.thumb.png.8fb91fb007ae26d5aa3f40783c4fa886.pngimage.thumb.png.9599c740fbb4e209866cdf01fb484f0e.png

Link to comment
  • Replies 6
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

No, it is not, as explained. The video is a link from youtube and the image is made from squarespace. I found olther people having the same problems and they solved putting all the bacgkround in black or managing the proportion with the css code, but I don't know how to do it. So disappointed with squaresquace for this. In its prevoius version it allowed you to change the image icon, but now it is not possible anymore.

Link to comment

If you want to change page background to black, use this code to Website > Website Tools > Custom CSS
 

body#collection-6500aa1918e09a5b628419b6 {
article .section-background {
    background-color: black !important;
}
article .content * {
    color: white !important;
}}

image.thumb.png.d39ce494d6944c96a30c798a814f904e.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.