DEV Community

Ryoichi Homma
Ryoichi Homma

Posted on • Edited on

How to Add Clickable YouTube Thumbnail Image to README.md File on GitHub Repository

In this article, I'm gonna walk you through how to add a clickable YouTube thumbnail image to the README.md file on GitHub so that users can directly go to watch the linked YouTube video once they click the image. After reading this article, you will be able to make your README.md file look like this.
Image description

Step1: Obtain the YouTube Video URL

Go to YouTube and locate the video you want to link to. Copy the URL of the video from the address bar of your browser.

Step2: Format the Markdown Code

Open the README.md file of your GitHub repository. Use Markdown syntax to insert the clickable thumbnail image and link it to the YouTube video.

[![Watch the video](https://img.youtube.com/vi/YOUR_VIDEO_ID/maxresdefault.jpg)](https://youtu.be/YOUR_VIDEO_ID)
Enter fullscreen mode Exit fullscreen mode

If you don't know YOUR_VIDEO_ID, copy after "watch?v=" in the address bar. For example, if the YouTube link is "https://www.youtube.com/watch?v=VT6eddrVVOA", YOUR_VIDEO_ID would be "VT6eddrVVOA".
Image description

If you want to use another image or your image is still invisible, you can replace the image path with another image's path. To do that, you need to upload the desired image to the Issues tab. Here's a detailed guide.

If you have any questions or feedback, feel free to comment down below! Your comments are always welcomed and appreciated!

Top comments (0)