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

Trying to hide a background video when displayed on a mobile



  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

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



password to view: market 2020

If hide the video is your choice, this may help


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


Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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

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!

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