Convert Vimeo to GIF or YouTube to GIF with JavaScript

A common request from webmasters is how to easily show a video preview without loading a video. The common way to achieve this is by converting a video into an animated GIF. You can use this animated GIF to preview the video on websites and social media. GrabzIt's JavaScript API makes creating GIFs simple.

Convert YouTube Video to Animated GIF

Below is an example of how to convert a YouTube video into an animated GIF. However there are many more options you can use to customize your animated GIF. For instance, a custom watermark could be overlaid on the GIF. Or even the number of frames per second or the duration of the animation altered.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.youtube.com/watch?v=7GqClqvlObY", 
{"format": "gif"}).Create();
</script>

Convert Vimeo Video to Animated GIF

GrabzIt can also convert Vimeo videos into animated GIFs, in exactly the same way that it converts YouTube videos. Just pass the URL of the web page that contains the Vimeo video. To the url parameter and pass "gif" to the format parameter, as shown below. GrabzIt will then make a GIF from Vimeo.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://vimeo.com/134957666", 
{"format": "gif"}).Create();
</script>

GrabzIt can also convert normal online videos such as MP4. Simply pass the video URL to the url parameter, while setting the format parameter to "gif". In the same way as the above example.

Capture a Single Frame from a Video

Using GrabzIt it is possible to capture a single frame from YouTube, Vimeo or standard videos.

To do so you need to set the duration and fps parameters to be 1. Then set the format parameter to "gif". Finally find the position in the video of the frame you want to extract and note the number of seconds. Then pass this value to the start parameter.

Please note that you can currently only return frames as GIFs.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.example.com/myvideo.mp4", 
{"format": "gif", "start":1, "fps ":"1", "duration":"1"}).Create();
</script>