Remove play button from video grid [Solved]

Site URL: https://gdvfx.net/

How can I remove the little white play button that sits on top of all the videos on the video grid?

Play button seen in the image reference:

Add to Home > Design > Custom CSS

.homepage .sqs-video-icon {
    display: none;
}

Works perfectly, thank you tuanphan!

http://www.adamwilliamwilson.me/work 

Id like to remove all the play buttons from the video bocks on my squarespace site. Does someone have code for that?

On 7/17/2020 at 3:14 AM, adamwilliamwilson said:

http://www.adamwilliamwilson.me/work 

 

Id like to remove all the play buttons from the video bocks on my squarespace site. Does someone have code for that?

 

If you use embed video link, you can't remove play button

@tuanphan, can I add a video link and not allow it to go full screen in 7.0?  I want a small video window to remain a small window, without allowing the viewer to enlarge it (mostly due to resolution issues).  I've seen it done on 7.1 sites, but I have no idea how to do it.  
Thanks.

On 8/2/2020 at 6:55 AM, jenartsquare said:

@tuanphan, can I add a video link and not allow it to go full screen in 7.0?  I want a small video window to remain a small window, without allowing the viewer to enlarge it (mostly due to resolution issues).  I've seen it done on 7.1 sites, but I have no idea how to do it.  
Thanks.

can you share link to page where you insert video? We can check easier.

I inserted the video so you can see it, but I want it to appear MUCH smaller than it does on this page.  https://www.cathuddhistbuddhatholic.com/the-happy-half-dozen

I'd like the window to look like it does on the videos on this website.  If you scroll down to the middle of the page, you can see that all the videos exist in small boxes with no controls but the play button.  https://www.geewhizanimation.com

Thanks @tuanphan!

Never mind.  I figured it out.  Cheers!

Hi, I see from the above comment that you can't remove the "play" button from an embedded video. Why is that? Is there no work around? 

6 hours ago, ArgoJon said:

Hi, I see from the above comment that you can't remove the "play" button from an embedded video. Why is that? Is there no work around? 

If you share link to page where you embed it, we can take a look again

Here is a screen shot of how the embedded video appears on the site. It's a closed site so I can't share the url.

I created the page using blocks. I added a Vimeo file embed code and then used a still image as the thumbnail on the page. I'd for just the still to appear without the white arrow. 

I could also use some help figuring out how to size the image. For some reason, it defaulted to this 16:9 aspect ratio even though the video that plays is 9:16.

Here's the code from Vimeo I embedded.

<div style="padding:177.78% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/761230323?h=9211cc6981&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Jon_Name_test"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

On 10/20/2022 at 1:54 AM, ArgoJon said:

Here is a screen shot of how the embedded video appears on the site. It's a closed site so I can't share the url.

I created the page using blocks. I added a Vimeo file embed code and then used a still image as the thumbnail on the page. I'd for just the still to appear without the white arrow. 

I could also use some help figuring out how to size the image. For some reason, it defaulted to this 16:9 aspect ratio even though the video that plays is 9:16.

Here's the code from Vimeo I embedded.

<div style="padding:177.78% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/761230323?h=9211cc6981&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Jon_Name_test"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

You can try adding it on an another site & share url, we can check easier

But I guess it is impossible, no way to adjust above code to remove play icon

@tuanphanI am also trying to remove the play button from a background video in the homepage. This was not the case prior to the latest Squarespace upgrade so they must have changed something. Can you help identify how to remove visibility? here is the main page - https://www.donalbertocoffee.com/

18 minutes ago, javierdiaz1910 said:

@tuanphanI am also trying to remove the play button from a background video in the homepage. This was not the case prior to the latest Squarespace upgrade so they must have changed something. Can you help identify how to remove visibility? here is the main page - https://www.donalbertocoffee.com/

This just happened on two of my sites as well, I think they've changed something on their end to make it appear overnight as I was working on the same sites yesterday and it wasn't there.

Hi, I would like to remove the play button from videos in stacked galleries on my 7.1 site.  I also want to create rollover titles.  Rollover titles seems to only be built into the the carousel gallery layouts for some reason. 

thanks!

https://www.lalouandjoaquin.com/films

19 hours ago, joaquinba said:

Hi, I would like to remove the play button from videos in stacked galleries on my 7.1 site.  I also want to create rollover titles.  Rollover titles seems to only be built into the the carousel gallery layouts for some reason. 

thanks!

https://www.lalouandjoaquin.com/films

Use this code to remove play icon

.sqs-video-icon {
    display: none;
}