Get Thumbnails of videos from some video streaming platforms [Step by Step Guide]

Lets Start!

Step 1 : Bring the components

The Component i used are - image

Step 2 : Now lets do the blocks

Step 3 : Add a event where you will get the thumbnail as i will get the thumbnail on button click i am take out that event - image

Step 4 : Get Thumbnail from Vimeo Video ID -

How Does this code works :

First i need to show the image in a Image component so i took the block you can even store it in a variable
Next we pull out a join and then we make it - https://vumbnail.com/ + yourVideoID + .jpg

Step 5 : Get Thumbnail from Youtube Video ID -

How Does this code works :

First i need to show the image in a Image component so i took the block you can even store it in a variable
Next we pull out a join and then we make it - https://i.ytimg.com/vi/ + yourVideoID + /maxresdefault.jpg

Step 6 : Get Thumbnail from DailyMotion Video ID -

How Does this code works :

First i need to show the image in a Image component so i took the block you can even store it in a variable
Next we pull out a join and then we make it - https://www.dailymotion.com/thumbnail/video/ + yourVideoID

Hope you like it. If you like this guide then don’t forget to :+1:

13 Likes

This Wrong
You are write dailymotion instead of Vimeo

This is right
Untitled

https://vumbnail.com/ + yourVideoID

oh sorry i will update it

3 Likes

This is not working anymore

@Lily try this