如何使用新的HTML5< video>？删除firefox中视频顶部的灰色叠加层？ [英] How to remove the gray overlay on top of the Video in firefox using the new HTML5 <video>?

问题描述

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

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

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

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

HTML代码使用的是

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>

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

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.

这是Windows 7,64的全部内容bit。

This is all on windows 7, 64 bit.

推荐答案

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

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.

这篇关于如何使用新的HTML5< video>？删除firefox中视频顶部的灰色叠加层？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！