Video Player Widget

Use 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 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)

  1. Create a YouTube source: Connect your YouTube Channel / playlist (or Shorts feed if available).

  2. Choose this template: Select the YouTube Section Player layout from the template library.

  3. Customize:

    • Edit the section title

    • Toggle/show the Subscribe button (and set the destination)

    • Adjust spacing, fonts, and thumbnail behavior (depending on editor options)

  4. Publish & copy the embed code: Use the provided JavaScript snippet or iframe.

  5. 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

Categories