我正在向网页添加 html5 视频
<video width="610" height="571" controls="controls" poster="image.jpg">
这个视频的背景在 FireFox 中是灰色的,但是我在视频标签中添加了 poster 属性以插入图像,但灰色背景仍然包裹着海报图像并在其周围显示灰色框架背景
我尝试了 background-color:transparent !important
;视频标签的规则,但没有任何改变
如何在 FireFox 中更改 html5 视频标签的背景颜色?
此处已回答:https://stackoverflow.com/a/30591117/550454通过 intika
Solution :
CSS
.brightness{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter
id=\'brightness\'>#brightness");
/* Firefox 3.5+ /
-webkit-filter:brightness(108.5%); / Chrome 19+ & Safari 6+ */
}
HTML
<div class="brightness">
<video src="http://www.botlibre.com/media/a786628.mp4">
</video>
</div>
https://jsfiddle.net/27L5nvg4/1/
Solution Demonstration
>
> .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>
>
>
Problem Demonstration
>
>
>
> <div class="brightness">
> <video src="http://www.botlibre.com/media/a786628.mp4">
> </video>
> </div>
>
>