/github-for-non-tech

How to embed videos in GitHub README?

Learn to embed videos in your GitHub README with our step-by-step guide using HTML video and iframe tags for local and external hosting best practices.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web app? RapidDev builds application with your growth in mind.

Book a free No-Code consultation

How to embed videos in GitHub README?

 
Step 1: Understand GitHub README rendering limitations
 

GitHub renders Markdown and supports a subset of HTML tags. You cannot use custom scripts, but you can embed videos by either hosting the video file in your repository and using the HTML

  • Replace VIDEO\_ID with your actual video identifier.
  • Adjust width and height to fit your README layout.
  • The allow attribute enables autoplay and fullscreen features.

 
Step 4: Provide a clickable fallback or thumbnail link
 

Not all users can view embedded videos (mobile previews, email notifications, etc.). It’s best practice to include a static image or text link below your embed:


[!](https://youtu.be/VIDEO_ID)[Watch the video](https://img.youtube.com/vi/VIDEO_ID/0.jpg)
  • This creates a clickable thumbnail that opens YouTube directly.
  • Use https://img.youtube.com/vi/VIDEO\_ID/0.jpg for the default YouTube preview image.

 
Step 5: Commit and verify your README
 

After updating your README.md and adding any video files:

  • Stage and commit the changes:
    
    git add README.md assets/videos/demo.mp4
    git commit -m "Embed demo video in README"
    git push
        
  • Open your repository on GitHub and confirm the video displays correctly.
  • Adjust dimensions or relative paths if you encounter broken embeds.

 
Step 6: Follow best practices for performance and accessibility
 

  • Keep local video files under 25 MB to avoid bloating the repo.
  • Offer captions or transcripts in the description for accessibility.
  • Prefer external hosting (YouTube, Vimeo, Cloud storage) for large files.
  • Use descriptive alt text or link text to aid screen readers.

Want to explore opportunities to work with us?

Connect with our team to unlock the full potential of no-code solutions with a no-commitment consultation!

Book a Free Consultation

Client trust and success are our top priorities

When it comes to serving you, we sweat the little things. That’s why our work makes a big impact.

Rapid Dev was an exceptional project management organization and the best development collaborators I've had the pleasure of working with. They do complex work on extremely fast timelines and effectively manage the testing and pre-launch process to deliver the best possible product. I'm extremely impressed with their execution ability.

CPO, Praction - Arkady Sokolov

May 2, 2023

Working with Matt was comparable to having another co-founder on the team, but without the commitment or cost. He has a strategic mindset and willing to change the scope of the project in real time based on the needs of the client. A true strategic thought partner!

Co-Founder, Arc - Donald Muir

Dec 27, 2022

Rapid Dev are 10/10, excellent communicators - the best I've ever encountered in the tech dev space. They always go the extra mile, they genuinely care, they respond quickly, they're flexible, adaptable and their enthusiasm is amazing.

Co-CEO, Grantify - Mat Westergreen-Thorne

Oct 15, 2022

Rapid Dev is an excellent developer for no-code and low-code solutions.
We’ve had great success since launching the platform in November 2023. In a few months, we’ve gained over 1,000 new active users. We’ve also secured several dozen bookings on the platform and seen about 70% new user month-over-month growth since the launch.

Co-Founder, Church Real Estate Marketplace - Emmanuel Brown

May 1, 2024 

Matt’s dedication to executing our vision and his commitment to the project deadline were impressive. 
This was such a specific project, and Matt really delivered. We worked with a really fast turnaround, and he always delivered. The site was a perfect prop for us!

Production Manager, Media Production Company - Samantha Fekete

Sep 23, 2022