Video Wall Settings


Setup

  • Sort: (select) How to sort the the video feed
    • Default: Newest First
    • Possible Values:
      • Newest First
      • Oldest First
      • Title
      • Title (Reverse)
      • Likes
      • Shuffle
      • None

  • Wall: (button-2) The type of wall to display
    • Default: [true, false]
  • Player: (button-2) The type of player to use
    • Default: [true, false]

Video Grid

  • Show: (button) Display the video title under the thumbnail
    • Default: [true]

  • Colors: (color-3) Thumbnail colors
    • Allows Opacity: true

  • Columns: (number-4) The number of columns used at each breakpoint
    • Default: [2, 3, 4, 5]
    • Min Value: 1
    • Max Value: 20

  • Medium BP: (slider) The medium breakpoint. This setting is defined in pixels to make things easier for you. This value will be converted to em units on the webpage.
    • Enable: When ** is set to true
    • Default: 400px
    • Min Value: 200px
    • Max Value: 600px
  • Large BP: (slider) The large breakpoint. This setting is defined in pixels to make things easier for you. This value will be converted to em units on the webpage.
    • Enable: When ** is set to true
    • Default: 600px
    • Min Value: 400px
    • Max Value: 800px
  • XLarge BP: (slider) The x-large breakpoint. This setting is defined in pixels to make things easier for you. This value will be converted to em units on the webpage.
    • Enable: When ** is set to true
    • Default: 1000px
    • Min Value: 800px
    • Max Value: 1200px

  • Gutter: (slider) The grid gutter size
    • Enable: When ** is set to false
    • Default: 25px
    • Min Value: 0px
    • Max Value: 50px
  • Border: (slider) The border size on each video thumbnail
    • Enable: When ** is set to false
    • Default: 10px
    • Min Value: 0px
    • Max Value: 20px
  • Titles: (slider) The font size of the titles under the video thumbnails. This setting is defined in pixels to make things easier for you. This value will be converted to rem units on the webpage.
    • Enable: When ** is set to false
    • Default: 12px
    • Min Value: 7px
    • Max Value: 17px
  • Gutter: (number-4) The detailed gutter settings for the grid
    • Enable: When ** is set to true
    • Default: [10, 15, 20, 25]px
    • Min Value: 0px
    • Max Value: 50px
  • Border: (number-4) The detailed border size settings for the grid
    • Enable: When ** is set to true
    • Default: [8, 8, 10, 10]px
    • Min Value: 0px
    • Max Value: 50px
  • Titles: (number-4) The detailed title size settings for the grid. This setting is defined in pixels to make things easier for you. This value will be converted to rem units on the webpage.
    • Enable: When ** is set to true
    • Default: [10, 11, 12, 13]px
    • Min Value: 0px
    • Max Value: 50px

Play Button

  • Style: (button-3) The shape style of the play button
    • Default: [true, false, false]

  • Animate: (button-2) Toggle for animating the play button
    • Default: [true, true]

  • Colors: (color-4) play button colors
    • Allows Opacity: true
  • Sizing: (number) The size settings for the play button
    • Default: 1.5rem
    • Min Value: 1rem
    • Max Value: 10rem

Slider Nav

  • Colors: (color-2) Slider Nav colors
    • Allows Opacity: true
  • Sizing: (number-2) The size settings for the slider nav
    • Default: [20, 6]px
    • Min Value: 0px
    • Max Value: 100px

Lightbox

  • Show: (button-2) Display the following text inside the lightbox under the video
    • Default: [false, false]

  • Modal Animate: (select) The animation of the modal when the modal opens
    • Default: Fade
    • Possible Values:
      • Fade
      • Fold
      • Race
      • SlideUp
  • Page Animate: (select) The animation of the website background when the modal opens
    • Default: Blur
    • Possible Values:
      • Blur
      • Zoom Out
      • Zoom In

  • Colors: (color-4) Color of the lightbox
    • Allows Opacity: true
  • Sizing: (number-4) The various size settings for the lightbox
    • Default: [980, 50, 3, 5]
    • Min Value: 0
    • Max Value: 2000

Static Player

  • Player ID: (input) The player ID set inside your Static Player stack
    • Default: videowall