Jump to content

Remove play button from video grid [Solved]

Recommended Posts

  • 1 month later...
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

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

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

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!

Edited by jenartsquare
Link to comment
  • 2 years later...
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

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

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>

Screen Shot 2022-10-19 at 11.49.52 AM.png

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

Screen Shot 2022-10-19 at 11.49.52 AM.png

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

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

Link to comment
  • 1 year later...
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;
}

 

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.