Poster/thumbnail images on video hosted on Cloudinary

Hello,

I’d like to set up a poster image (the image you see when video has not been started yet) for videos hosted in Cloudinary.

Cloudinary only delivers poster images in a html code way.

<video width="300" src="https://res.cloudinary.com/demo/video/upload/dog.mp4" controls poster="https://res.cloudinary.com/demo/video/upload/so_2/dog.jpg">
</div>

How would you embed this in Glide ? Is there another way to obtain thoses posters via an url ?

Thank you for your help !

All you need is the URL: https://res.cloudinary.com/demo/video/upload/so_2/dog.jpg

Display that in an image component. You can always have it so when they click on the image > show new screen> video component > https://res.cloudinary.com/demo/video/upload/dog.mp4

3 Likes

Simple as that.
Thank you Robert :+1:

1 Like