We recommend customizing the value of the step parameter for your videos with the data-twic-step attribute:

• For highly responsive videos (ie: hero banners) we recommend a value of 400
• For other videos, we recommend a value of 200
• Otherwise, the default step is 100 for videos

We recommend adding the data-twic-intrinsic attribute. This attribute indicates the original dimensions of the video to be optimized as follows: data-twic-intrinsic="widthxheight". (Documentation here).

This avoids upscales and further optimizes cache retention by limiting the number of generated variants.

Code example :

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