---
title: "Youtube Video Embed — Free Framer component · Best of Framer"
description: "Free Framer component · by Fazal Rehman · Players. Embed Youtube Videos"
canonical: "https://framer.elliotli.dev/component/youtube-video-embed"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Youtube Video Embed

# Youtube Video Embed

Embed Youtube Videos

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

![Youtube Video Embed preview image 1](https://framer.elliotli.dev/og/component/youtube-video-embed/826ff4c6669a97ee/1600x1200.jpg)

## Summary

Embed Youtube Videos

## Description

Framer's built-in YouTube video component is barebones.

**This component replaces it entirely.**

Paste any YouTube URL, regular videos, Shorts, or embed links, and it handles the rest automatically.

**Features:**

-   **Custom Play Button** - Upload your own graphic or use the default SVG with any brand color. Position it center or bottom left.
    
-   **Aspect Ratios** - 16:9, 9:16, 1:1, 4:5, auto-detect, or free resize. Holds proportions across every breakpoint without black bars.
    
-   **Custom Thumbnail** - Replace the auto-fetched YouTube thumbnail with any image you want.
    
-   **Thumbnail Overlay** - Control the scrim opacity sitting over the thumbnail before playback.
    
-   **Lazy Loading** - The YouTube iframe only loads when someone clicks play. The thumbnail sits in its place until then. Keeps your Lighthouse scores clean.
    
-   **Border Radius and Shadow** - Both clip correctly inside the video on all browsers, including Safari where this typically breaks.
    
-   **Shorts Support** - Paste a Shorts URL and it switches to portrait layout automatically.
    
-   **Loop and Autoplay** - Both available as simple toggles.
    
-   **Captions** - Toggle them on or off.
    
-   **Full Border Control** - Border styling on top of the shadow options.
    

**Contact:**

Email: [hello@fazal.site](mailto:hello@fazal.site)

Instagram: [https://www.instagram.com/fazalbuildswebsite/](https://www.instagram.com/fazalbuildswebsite/)

### **Get 3 Months of Framer Pro Free**

**Use my referral link to get 3 months of Framer Pro free when you upgrade:**

[**https://framer.link/fazal-rehman**](https://framer.link/fazal-rehman)

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

-   All · #1453

## Details

- **Author**: Fazal Rehman
- **Published**: 2026-04-08
- **Updated**: 2026-09-15
- **Added**: 2026-03-18
- **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.