Add a new component that is like GifPlayer but takes a video prop instead of a gif prop, and uses the still prop as the <video> element's poster attribute, and plays the video on loop, and muted.
Three advantages:
Pausing will pause on the current frame instead of going back to the beginning
Much cheaper bandwidth-wise since gifs are terrible over networks
No need to go through the laborious process of converting a video to a gif, if you already have a video
Also todo: recommend a tool for extracting the first frame from the video
Add a new component that is like
GifPlayer
but takes avideo
prop instead of agif
prop, and uses thestill
prop as the<video>
element'sposter
attribute, and plays the video on loop, and muted.Three advantages:
Also todo: recommend a tool for extracting the first frame from the video