Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Orly

Trying to hide a background video when displayed on a mobile

Question

3 answers to this question

Recommended Posts

  • 0
8 minutes ago, Orly said:

Site URL: https://contrabass-bell-s8c5.squarespace.com/

I uploaded a background video but when i view it on mobile, the video crops out.  Im looking for a way to fix the crop OR a way to hide/disable the background video on mobile.  Thank you so much

https://contrabass-bell-s8c5.squarespace.com/

 

password to view: market 2020

If hide the video is your choice, this may help

image.thumb.png.412d6430accc928e3d3f9a7045c57e8b.png

@media screen and (max-width: 500px) {
  iframe#player {
      display: none;
  }
}

 


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post
  • 0

Thank you so much!  

 

Also does anyone know how to disable the mobile fallback image on desktop? (It appears for a quick second before the video plays.

Thank you

Screen Shot 2020-06-16 at 2.23.47 PM.png

Share this post


Link to post
  • 0

I would also love to know how to disable the fallback image on desktop (this site is still in 7.0) ! The image shows for just a second, but it's so different from the video that it looks glitchy. For now I've just removed the fallback image, but then I'm stuck with a big gap where the video should be on mobile. I'd rather not choose between the two. Any advice is much appreciated!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...