2

HTML5 ビデオを Web ページに追加しています

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

このビデオの背景は FireFox ではグレーですが、 video タグに poster 属性を追加して画像を挿入しましたが、グレーの背景がまだポスター画像をラップしており、その周りにグレーのフレームの背景が表示されています

私はしようとしましたbackground-color:transparent !important; video タグにルールを適用したが、何も変更されていない FireFox で html5 video タグの背景色を変更するにはどうすればよいですか?

4

1 に答える 1

-1

これはここで答えられました：https://stackoverflow.com/a/30591117/550454 by intika

解決 ：

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/

ソリューションのデモンストレーション

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

于 2016-04-05T19:10:07.080 に答える