DEV Community

Amirul Asyraf
Amirul Asyraf

Posted on

How to add Video in README.md file?

Recently, the CEO of Github, Nat Friedman share some small improvements made to Github that hopefully improve our life just a little bit.

There are 5 cool improvements, but I want to highlight one that is even cooler 😎.

So, what is it ??


Video files that you drop onto markdown files are now automatically embedded! 🀘

To me, it is cool tho. You just drag your video file on your laptop or pc to the markdown file in Github. Done.

Easy peasy.

Before this, I can embed the video either change it to the gif or create a new file and reference it to the README file.

Thanks, Github πŸš€.

If you try it, the result will be like this;

Screenshot 2021-04-20 at 07.15.42

I created this repo as an example so you can look at the raw or markdown file.

The end :p


Follow me on Twitter πŸ˜‰

Top comments (4)

Collapse
 
kiyosama17 profile image
Kiyosama

bruh, it's so simple. i was thought need tricky method like adding dropdown element <details> or directly using html code.

Collapse
 
909ido profile image
909ido

Cool. thanks for the information

Collapse
 
corhydare profile image
Danila Popov

But what's the code to embed it without dragging and dropping it?

Collapse
 
jzombie profile image
jzombie

You can view the code on GitHub. For this video it's:

# This repo has a video on its readme :p


https://user-images.githubusercontent.com/58986949/115314310-805b2780-a1a7-11eb-8558-648a367ea231.mp4

Enter fullscreen mode Exit fullscreen mode