---
title: "YouTube Video Player — Framer component · Best of Framer"
description: "$5.00 · Framer component · by itserastus · Players. Editorial video stage + rail list"
canonical: "https://framer.elliotli.dev/component/youtube-video-player"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/YouTube Video Player

# YouTube Video Player

Editorial video stage + rail list

[View on Framer](https://framer.com/marketplace/components/youtube-video-player/?via=elliot-li)

![YouTube Video Player preview image 1](https://framer.elliotli.dev/og/component/youtube-video-player/fb51e1513dce166b/1600x1200.jpg)

## Summary

Editorial video stage + rail list

## Description

An editorial video player for Framer portfolios and studios. Show a large stage with play overlay, then let visitors pick from a clean playlist rail - each item embeds YouTube on click (including Shorts).

Designed for motion reels, project walkthroughs, and film indexes that should feel like part of the site - not a default YouTube embed block.

What's included

-   Large stage with thumbnail, play affordance, and click-to-embed
    
-   Playlist rail with active/hover states
    
-   Up to 12 videos: label, type, YouTube video ID, Shorts flag
    
-   Auto / desktop / mobile layout modes + breakpoint control
    
-   Typography controls for meta, title, and playlist rows
    
-   Color controls for text and borders
    
-   Open on YouTube external link
    
-   Canvas-safe / reduced-motion aware behavior
    

How to use

1\. Paste the code component into your Framer project

2\. Add YouTube video IDs (not full URLs) in the Videos array

3\. Mark Shorts with the YouTube Short toggle when needed

4\. Style fonts and colors to match your site

Default demo videos are public Creative Commons placeholders - replace them with your own IDs before publishing a client site.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8357

## Details

- **Author**: itserastus
- **Price**: $5.00
- **Published**: 2026-08-07
- **Updated**: 2026-08-07
- **Added**: 2026-08-07
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.