Custom Thumbnail image? Html5

Developers Stream
1

Hi, is there a way to add a custom thumbnail for a video instead of frame 1, by adding code?

Or can you select a different frame than frame 1?

Thanks

Also, Will this be html5 compliant?

2

Here’s the documentation on selecting a thumbnail:

I manually add a thumbnail (title screen, actually) in my html with this syntax:
<stream src="1234567890" controls poster="/images/title.jpg"></stream>

1 Like
3

The source has changed, instead of embed code using script tag, its now using iframe, so how do I go about using a still image thumbnail? I tried using the poster tag but doesnt work, I’ve placed it before and after style tage and not working:

The previous embed still works with script tag

Thanks

Gerry

4

Hey! Been working on a docs update and should get out today/tomorrow. Here’s how to do it:

  1. Get the URL you want and URL encode it.
  2. Add it as a query parameter to the iframe.

Like this:

<iframe
  src="https://iframe.videodelivery.net/5d5bc37ffcf54c9b82e996823bffbb81?poster=https%3A%2F%2Fvideodelivery.net%2F5d5bc37ffcf54c9b82e996823bffbb81%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D68s%26height%3D270"
  style="border: none;"
  height="720"
  width="1280"
  allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
  allowfullscreen="true"
></iframe>
2 Likes
5

Great that worked thanks a bunch!!!
I am using responsive embed so had to figure it out, but its all good now, Thank you.

1 Like
6

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.