Markdown Youtube Video



I usually struggle to remember all the parameters for inserting links and especially images to the markdown which is the default format for GitHub, GitLab comments and documentation files and for this blog as well. Moreover, neither GitHub nor GitLab supports inserting videos.

  1. Markdown Youtube Video Download
  2. Markdown Youtube Video Downloader
  3. Markdown Insert Youtube Video
  4. Markdown Youtube Video Editor
Youtube

One of the workarounds for this issue with videos is to insert an image of for the video wrapped in a link pointing to the video location. For markdown files images are inserted in the following way:

Adding Youtube video just like adding an Image.!isyoutube(youtube link here)// it's that simple For example, markdown-youtube will convert the following line virtually. You can include videos published on either YouTube or Vimeo within a tutorial using the standard Markdown image syntax. Note that any valid YouTube or Vimeo URL will work. For example, the following are all valid examples of video embedding.

whereas we use the following markup to insert links

So, combining these two markups allows us inserting image with link to the markdown

Good! Now we know how to have clickable images in our markdown which will redirect us to some link. But how can we do the same trick with youtube video?

Inserting youtube clickable image to markdown

Let’s try to do the same thing with Audi R8 youtube video.

First, we need to grab an image from the video. Hopefully there is and API to do that. You will need vide id which is alphanumeric sequence in the urls v parameter. Wireless mice for mac. In the example above it is KOxbO0EI4MA. The link to image will be

Markdown youtube video download

For Audi R8 video the image is going to be Driver game for mac.

Markdown Youtube Video Download

The only one thing is left, which is combining image with url

Great! We have just created a clickable image that can be inserted in the markdown and used in GitHub or GitLab comments. So, now you can praise awesome commits with funny cat videos.

Automatic Conversion

Remembering the markdown specifics to create clickable images is quite hard. So there is a web tool that’s doing that automatically. Navigate to the embedyoutube. You will see

Markdown Youtube Video Downloader

Video

Markdown Insert Youtube Video

Just put there your youtube link, alt text and title for the image and you will get the markdown that is ready to be pasted to the Git comment or markdown.

Markdown Youtube Video Editor

To conclude, we learned how we can embed youtube links into markdown files and GitHub and GitLab comments using image and link markup, also we learned how to do it automatically using embedyoutube.org