Jump to content

Is it possible to get rid of or move the play button that appears on embedded videos?

Recommended Posts

I have videos with a centered title and the play button is white on top of it, making it difficult to read.  Is it possible to get rid of it or move it to the lower left corner for instance?

 

Thanks!

Link to comment
  • 1 year later...
  • Replies 7
  • Views 2.7k
  • Created
  • Last Reply

Top Posters In This Topic

On 11/23/2019 at 3:49 AM, paul2009 said:

Yes, you can usually do both with CSS depending on the template and the way the video was embedded. It’s essential that we can see the page on your site so that we can provide a solution.

Hi there, I think I didn't reply correctly above so here is me taking a second stab at this with some more context.

So I've embedded my videos via vimeo links and I'm wondering if it's possible with this style of gallery page (Website) to move the play button to the bottom left of the thumbnail?

 

Link to comment
On 2/20/2021 at 12:13 PM, helloimjlaw said:

Hi there, I think I didn't reply correctly above so here is me taking a second stab at this with some more context.

So I've embedded my videos via vimeo links and I'm wondering if it's possible with this style of gallery page (Website) to move the play button to the bottom left of the thumbnail?

 

Add to Design > Custom CSS

.sqs-video-icon {
    right: 10px !important;
    left: unset !important;
    bottom: 10px !important;
    top: unset !important;
}

 

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
  • 2 years later...

Hi , 

Thank you for sharing with us how to fix the play button issue but it doesn't seem to work on mine. I added the code as stated above under Design/Custom CSS. Is it literally just adding this code in the Custom CSS section. What am I doing wrong?

Thank you in advance!

 

.sqs-video-icon {
    right: 10px !important;
    left: unset !important;
    bottom: 10px !important;
    top: unset !important;
}
Link to comment
On 7/12/2023 at 7:18 AM, Minnelli said:

Hi , 

Thank you for sharing with us how to fix the play button issue but it doesn't seem to work on mine. I added the code as stated above under Design/Custom CSS. Is it literally just adding this code in the Custom CSS section. What am I doing wrong?

Thank you in advance!

 

.sqs-video-icon {
    right: 10px !important;
    left: unset !important;
    bottom: 10px !important;
    top: unset !important;
}

What is site url? We can check your case easier

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.