Youtube Video Gallery

Layout

Version: 3.3

Layout

Choose how the player and playlist are arranged on the page:

  • YouTube (website style): 16:9 player with a scrollable playlist beside it — closest to youtube.com.
  • Sidebar: Clean modern list layout with flexible themes.
  • Grid: Thumbnail grid below the main player.
  • Stacked: Vertical list under the player.
  • Cinema: Immersive 21:9 widescreen stage with a framed shell and circular play button.

Colour Theme

  • YouTube Dark: Default dark watch-page palette.
  • Light: Light surfaces for editorial sites.
  • Soft: Soft light background with teal-friendly accents.
  • Dark: Full dark mode for Cinema and night layouts.

Layout Options

  • Playlist Position: Place the playlist on the Right or Left of the player (YouTube, Sidebar, and Cinema layouts).
  • Player Width (%): Share of the row for the player (40–85). The playlist uses the remainder. Example: 70 = 70% player.
  • Gap: Space between player and playlist. Example: 16px.
  • Corner Radius (px): Rounds the player stage and playlist items. Example: 12.

On desktop, the playlist column height syncs to the player so the layout stays aligned like YouTube. On mobile, the player and playlist stack vertically.