Poster image CSS for video control

[wbc]

Hi,

Is there a way or any CSS to ensure the poster image for a video in Cornerstone is set to cover the video? I have an image but I cant get the image to cover the video https://staging2.strategyworks.io/align-your-portfolio-webinar-download/

Thanks for your help.

[ruenel]

Hello WillB,

Thanks for writing in!

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use. Once you get the correct selector for the poster image, you can apply the CSS [background-size “cover”](You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.) so that your image will cover the whole video frame.

Kindly let us know if this has worked out for you.

[wbc]

Hi,

Thanks for this, that helped.

Just as feedback, the trouble with Cornerstone elements and this method is right clicking any element in Cornerstone to get the developer tools, only shows the Cornerstone menu. It would be great to add inspect element to the Cornerstone menu as a feature when the native browser functionality has been overridden.

Not a huge issue as you can open the window in a private browser, but potentially an enhancement so you can keep editing in a single window.

Kind regards.

[ruenel]

Hello WillB,

Thanks for the feedback. It has been noted.

Cheers.