在FireFox中的html5视频的灰色背景

Question

我正在向网页添加html5视频

 <video  width="610" height="571" controls="controls" poster="image.jpg">    

此视频的背景在FireFox中是灰色的，但我在视频标签中添加了海报属性以插入图像，但灰色背景仍然包裹海报图像并在其周围显示灰色框背景

我尝试了background-color:transparent !important;规则到视频标签，但没有任何改变 如何在FireFox中更改html5视频标签的背景颜色？

Answer 1

此处已回答：https://stackoverflow.com/a/30591117/550454 <{3}} intika

  

解决方案：

     

CSS

.brightness{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter

     

ID = \ '亮度\' ＆GT; #brightness“）;   / * Firefox 3.5+ /           -webkit滤波器：亮度（108.5％）; / Chrome 19+＆amp; Safari 6+ * /       }

     

HTML 的

<div class="brightness">
<video src="http://www.botlibre.com/media/a786628.mp4">
</video>
</div>

     

https://jsfiddle.net/27L5nvg4/1/

           

解决方案演示

     

> 
>     .brightness{
>         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter
> id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0
> 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");
> /* Firefox 3.5+ */
>         -webkit-filter:brightness(108.5%); /* Chrome 19+ & Safari 6+ */
>     }
> 
> 

> 
>     <div class="brightness">
>     <video src="http://www.botlibre.com/media/a786628.mp4">
>     </video>
>     </div>
> 
> 

           

问题演示

     

> 
> 

> 
>     <div class="brightness">
>     <video src="http://www.botlibre.com/media/a786628.mp4">
>     </video>
>     </div>
> 
>