Displaying thumbnails time attribute not working

Hi,
I am embedding a video using iframe and I want the thumbnail from 2s. As per the document here:
Displaying thumbnails
I can use url attribute time=2s to get the thumbnail from 2s. Unfortunately, the thumbnail is still showing from 0s.

Anyone else facing the same issue or am I doing something wrong? Here’s my page:
https://thesafesteps.com/demo-application

Will appreciate any help to resolve the issue.

Hi, you need to set time=2s in URL parameter, not on iframe attribute. You current code is:

<iframe width="100%" height="450" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" src="https://iframe.videodelivery.net/ba52074f7c0805229b6ceea1919a5e05" time="2s" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="allowfullscreen"></iframe>

It should be

<iframe width="100%" height="450" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" src="https://iframe.videodelivery.net/ba52074f7c0805229b6ceea1919a5e05?poster=https%3A%2F%2Fiframe.videodelivery.net%2Fba52074f7c0805229b6ceea1919a5e05%3Ftime%3D2s%26height%3D720" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="allowfullscreen"></iframe>

To explain more:

  1. thumbnail is set by using poster point to a URL
  2. Using the special query time=2s&height=720 or any height . You want this URL Stream . IT needs to be scape therefore became: https%3A%2F%2Fiframe.videodelivery.net%2Fba52074f7c0805229b6ceea1919a5e05%3Ftime%3D2s%26height%3D720
3 Likes

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

Thank you so much @hanami.run for the clarification!