Remove player from video header

Hi
how do i remove the play bar from the video header. i have tried some code;

.mejs-controls {
display: none !important;
}

and this did remove the progress bar but it also did it for all other videos on the site. how do i remove the progress bar from the video header only and leave it on all other videos in the site.

Thanks James

Hi James,

You should be able to remove video progress bar for video header only with css code below:

.video-container .mejs-controls {
    display: none;
}

Best Regards!

Hi

Thanks that has worked but at the end of the video there is a flicker of a loading icon in the centre top of the video. do you know how to get rid of that?

Many Thanks

Hi again,

You should be able to remove video loading spinner with css code below:

.video-container .mejs-overlay.mejs-layer .mejs-overlay-loading {
    display: none !important;
}

All the Best!