Board Thread:Support Requests - Getting Technical/@comment-10637-20161104212601/@comment-452-20161105000805

CSS to hide the broken thumbnail: .ogg_player .image img { display: none !important; }

To display an image, also: a.image[href*='FILENAME']:before { content: url('FULLIMAGEURL'); } So all together: .ogg_player .image img { display: none !important; } .ogg_player a.image { text-align: center; } a.image[href*='Whoopi-greensample.ogv']:before { content: url(' http://vignette3.wikia.nocookie.net/central/images/6/6d/Duke_Nickelpounce_AWB.JPG/revision/latest/scale-to-width-down/106 '); }
 * Replace FILENAME with the filename, in the case of your example: "Whoopi-greensample.ogv"
 * Replace FULLIMAGEURL with a full image URL, for example, the most recently uploaded image: http://vignette3.wikia.nocookie.net/central/images/6/6d/Duke_Nickelpounce_AWB.JPG/revision/latest/scale-to-width-down/106

That "106" at the end is the width, so you can change it to whatever you like.

The downside of this is that you have to add custom CSS for each video.

It is theoretically possible to create a script which automatically checks for and displays an image which matches the video filename, so "Whoopi-greensample.jpg", but that might make it so that other people that find this thread decide to use the script instead of reporting the issue to Special:Contact