问题
When viewing my web page in Firefox 31 on windows 7, the video tag shows a picture of the video first frame with dark/gray overlay. The video works with no problem. I'd like it to show without this gray/dark color on it (the color goes away once the video is played).
When viewing the same page on Chrome 36 or IE , the image is white and there is no gray color on it. Here is screen shot of the same page to illustrate
The HTML code uses is
<video width="300" height="240" controls>
<source src="movie.webm" type="video/webm"> <!-bright on chrome,dark on FF-->
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Is there a way, using css or otherwise, to make the look the same as on Chrome above. It is better to be able to more clearly see the screen shot before clicking play, and having dark gray shadow does not look nice.
This is all on windows 7, 64 bit.
回答1:
I don't think there is mush to do with it. But you can display some thumbnail of this image, when clicking on it, replace thumbnail with real video and auto-play it.
来源：https://stackoverflow.com/questions/25243630/how-to-remove-the-gray-overlay-on-top-of-the-video-in-firefox-using-the-new-html