The MediaPosterImage component (which is the React counterpart of <media-poster-image>) appears to draw over the video permanently and doesn't play the video when clicked.
Workaround for now is to just use the poster attribute of <video> tag and/or use an <img slot='poster' ... > tag. You could use Image from next/image if you're on Next.js but it annoys you with explicit width and height requirement.
Never mind, this is probably because I forgot slot="poster" to MediaPosterImage though it's super confusing that we need to add it, when the component is already a poster image component. 😆
The
MediaPosterImage
component (which is the React counterpart of<media-poster-image>
) appears to draw over the video permanently and doesn't play the video when clicked.Workaround for now is to just use the
poster
attribute of<video>
tag and/or use an<img slot='poster' ... >
tag. You could useImage
fromnext/image
if you're on Next.js but it annoys you with explicit width and height requirement.