Firefox, Chrome, Safari have grey background for mp4 html5 video

in my case it was only firefox with gray background and the problem after google it was with filter and brightness

am using Revolution Slider

so i added this code

 

.fullcoveredvideo video, .fullscreenvideo video {

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");
}

Advertisements

4 thoughts on “Firefox, Chrome, Safari have grey background for mp4 html5 video

  1. Luca says:

    Hi, thank you for your solution it works for me with full covered and full screen video, but I need to make it works also with non full screen or full cover video. Can you please tell me how to make it works also for personal resized video? I am using revolution slider v5.1.4. Thank you in advance for any help.

  2. Luca says:

    was955 thank you a lot with .fullwidthabanner it works also for personal resized video. I wish you a great 2016.

Leave a Reply :)

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s