灰色背景在Firefox

Question

HTML5視頻我增加了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通過intika

解決方案：

CSS

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

ID = \ '亮度\'>＃亮度「） ; /* Firefox 3.5 + / -webkit-filter：brightness（108.5％）;/鉻19+ &的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> 
 
> 
 
>

---