A YouTube-inspired section that embeds a featured video player with a scrollable thumbnail carousel beneath it, perfect for highlighting Shorts or latest uploads while letting visitors browse more videos without leaving your site.
Best for
-
Homepages and landing pages that need a single “hero” video + a mini gallery
-
Creator/brand sites showcasing Shorts, podcasts, product demos, tutorials
-
“Video” sections where you want a clean YouTube look with easy navigation
How it looks
-
Header bar: YouTube icon + editable section title (e.g., “YouTube shorts videos”) and a Subscribe CTA button
-
Main embedded player: Large video area with native YouTube controls (play, progress bar, settings, fullscreen)
-
Video meta block: Title, channel name/avatar, and time posted
-
Thumbnail slider: Horizontal carousel of video previews with arrows for navigation and an active/selected state
Key features
-
Displays one selected video prominently
-
Works great for vertical Shorts (centered player with side spacing for a polished look)
-
Visitors can switch videos instantly by clicking thumbnails
-
Keeps the native YouTube playback experience (trust + familiarity)
How to embed (EmbedSocial)
-
Create a YouTube source: Connect your YouTube Channel / playlist (or Shorts feed if available).
-
Choose this template: Select the YouTube Section Player layout from the template library.
-
Customize:
-
Edit the section title
-
Toggle/show the Subscribe button (and set the destination)
-
Adjust spacing, fonts, and thumbnail behavior (depending on editor options)
-
-
Publish & copy the embed code: Use the provided JavaScript snippet or iframe.
-
Paste it on your website: Add it into your CMS page (WordPress, Webflow, Shopify, Squarespace, etc.) and publish.
Common placement ideas
-
Below the hero section: “Latest Shorts”
-
Mid-page: “Watch our quick tips”
-
Footer area: “From our YouTube channel”
Try it now.
