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.
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)
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".
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)