Video Player Widget
Use this templateA 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 forHomepages and landing pages that need a single “hero” video + a mini galleryCreator/brand sites showcasing Shorts, podcasts, product demos, tutorials“Video” sections where you want a clean YouTube look with easy navigationHow it looksHeader bar: YouTube icon + editable section title (e.g., “YouTube shorts videos”) and a Subscribe CTA buttonMain embedded player: Large video area with native YouTube controls (play, progress bar, settings, fullscreen)Video meta block: Title, channel name/avatar, and time postedThumbnail slider: Horizontal carousel of video previews with arrows for navigation and an active/selected stateKey featuresDisplays one selected video prominentlyWorks great for vertical Shorts (centered player with side spacing for a polished look)Visitors can switch videos instantly by clicking thumbnailsKeeps 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 titleToggle/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 ideasBelow the hero section: “Latest Shorts”Mid-page: “Watch our quick tips”Footer area: “From our YouTube channel”Try it now.
About this template
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.
Features
- Moderation options
- Customizable settings
- Fast loading speed
- Mobile-friendly and responsive
- Multiple widgets for multiple websites
- Auto-sync with social platforms
- Custom styling options
- Analytics and insights