Videojs: how to display full poster image

To display the poster image, we have three ways:

Method 1: Use attribute poster in video tag:


Method 2: With javascript use


Method 3: put in data-setup attribute


But the default of css:

background-size: contain;

So, we see the result like the figure below

videojs poster

To fix it, we add the css code:

    background-size: 100%!important;

Done, the result we receive:

videojs poster cover

Leave a Reply