如何使用新的HTML5 <video>？</video>删除firefox中视频顶部的灰色叠加层

Question

在Windows 7的Firefox 31中查看我的网页时，video标记会显示带有深色/灰色叠加层的视频第一帧的图片。该视频没有问题。我希望它显示没有这种灰色/深色（播放视频后颜色会消失）。

在Chrome 36或IE上查看同一页面时，图像为白色，上面没有灰色。这是同一页面的屏幕截图来说明

HTML代码使用的是

 <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>

有没有办法，使用CSS或其他方式，使外观与上面的Chrome相同。最好能够在点击播放之前更清楚地看到屏幕截图，并且有深灰色阴影看起来不太好。

这一切都在Windows 7,64位上。

Answer 1

我不认为它有什么问题。但是，您可以显示此图像的一些缩略图，点击它时，用真实视频替换缩略图并自动播放。