Latar belakang abu-abu untuk video HTML5 di FireFox [duplikat]

Saya menambahkan video HTML5 ke halaman web

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

Latar belakang video ini berwarna abu-abu di FireFox, namun saya menambahkan atribut poster ke tag video untuk menyisipkan gambar tetapi latar belakang abu-abu masih membungkus gambar poster dan menampilkan latar belakang bingkai abu-abu di sekitarnya

Saya mencoba ke background-color:transparent !important; aturan untuk tag video tetapi tidak ada yang berubah Bagaimana cara mengubah warna latar belakang untuk tag video html5 di FireFox?


html css firefox html5-video
person Khaled Al Hage Ismail    schedule 21.06.2013    source sumber

Jawaban (1)


arrow_upward
-1
arrow_downward

Ini dijawab di sini: https://stackoverflow.com/a/30591117/550454 oleh intika

Solusi :

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/

Demonstrasi Solusi

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

Demonstrasi Masalah

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

person Karl Wilbur    schedule 05.04.2016
comment
Jika pertanyaannya sangat identik sehingga jawaban yang sama dapat digunakan untuk keduanya, pertimbangkan untuk menandai pertanyaan tersebut sebagai duplikat. - person Paul Roub; 05.04.2016
comment
Dan Anda setidaknya harus memberi kredit pada pembuat kode sebenarnya (berdasarkan nama pengguna) selain tautannya. Lihat Cara mereferensikan materi yang ditulis oleh orang lain - person Paul Roub; 05.04.2016