On your hero banner videos (banner at the top of the page - LCP element), it is wiser to use the poster attribute rather than the TwicPics data-twic-poster attribute to load the poster image to display while the video loads. This allows for a few hundred milliseconds of anticipation on the script loading time.

You can still use the TwicPics domain to fetch an optimized image: poster="*https://my-subdomain.twic.pics/media/example/myposterimage.jpg*"

Here's also how to use the first frame of the video as a poster image: poster="*https://my-subdomain.twic.pics?video/media/example/myvideofile.mp4**?twic=v1/output=image***"

Or to load a blurred preview of the first frame of the video as a poster image: poster="*https://my-subdomain.twic.pics?video/media/example/myvideofile.mp4***?twic=v1/output=preview**"

code example :

```html
<div class"video-container">
	<video 
			**poster="*<https://my-subdomain.twic.pics/video/media/example/myvideofile.mp4?twic=v1/output=image/resize=2000>"***

			data-twic-src="image:video/media/example/myvideofile.mp4"
			data-twic-intrinsic="<width>x<height>"
			data-twic-step="400"
			alt=""
	>
</div>

(⚠️ for videos below the fold, the data-twic-poster and data-twic-poster-transform attributes remains more relevant to maintain lazy-loading and pixel-perfect optimization).