When image is clicked (along the bottom) repeat appears

HTML & CSS
1

I have a video poster image and when the image is clicked (along the bottom) repeat of the inage appears. Here’s the code:

<video id="js-video" autoplay muted class="video-js vjs-default-skin" playsinline poster="/images/000.png"></video>

.vjs-poster {
background-size:cover;
}

I tried ‘cover no-repeat;’ without success.

Any suggestions are welcomed.

2

I thought a poster image was a normal image and they don’t usually repeat.

Maybe try:

video[poster]{
object-fit:contain;
}

Do you have a link to the problem page?

3

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