如何使用新的HTML5 <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

我不认为这有什么关系。但是您可以显示该图像的一些缩略图，单击它时，将缩略图替换为真实视频并自动播放。