Show different Videos on Desktop – Mobile

#1. First, you need to add 2 Video Blocks. Something like this 

#2. Install Squarespace ID Finder 

And find ID of 2 Videos.

In my example, we will have:

#block-yui_3_17_2_1_1717495129514_95277

#block-yui_3_17_2_1_1718020257422_1351

#3. Use this code to Custom CSS box

/* Hide video on desktop */
@media screen and (min-width:768px) {
  #block-yui_3_17_2_1_1718020257422_1351 {
    display: none;
  }
}
/* Hide video on mobile */
@media screen and (max-width:767px) {
  #block-yui_3_17_2_1_1717495129514_95277 {
    display: none;
  }
}