Video to markdown!

sample image


This is an open source project with no sponsor (yet). Images are generated via Cloudinary and stored in it thus reducing Netlify quota consumption. I'm trying doing my best using free services which I cannot guarantee will always be 100% up and running. To be totally safe, I suggest you generate the video image and download it, storing it directly into your repository or server. Otherwise you can host your own copy netlify.
If you like this project and you find it useful, you can or just star it !


How often did you find yourself googling How to embed a video in markdown?

While its not possible to embed a video in markdown, the best and easiest way is to extract a frame from the video, add a layer with a play icon and link the video url on the image.
Speaking HTMLese, this is what you would do:

<a href="{video-url}" title="Link Title"><img src="{image-url}" alt="Alternate Text" /></a>
that translates into markdown as:
[![Alternate Text]({image-url})]({video-url} "Link Title")
To speed up the process I developped this tool that will do it for you.
You just need to paste the video url in the field above and you will get the markdown you need.


List of supported video providers:

CleanShot Cloud
Facebook (low-quality)
Google Drive