Show video in the homepage background

Hi guys,

I wonder why our website is showing the video in the background by Firefox and Chrome but not from IE11, MS Edge.

This is little tricky, I'm trying to find the solution by myself but hopefully you have some experience on this :)

Thank you!
Miguel QuintanaAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Najam UddinCommented:
Browser mode and document mode need to be IE9 and IE9 Standards mode for <video> to work. Video should MPEG-4, and some times size matters.
Miguel QuintanaAuthor Commented:
Can you please explain more detailed based on the video embed and tags present on my homepage?  I'm playing mp4 video indeed

What do you mean with browser/document mode?

Thank you
Najam UddinCommented:
Can you please explain more detailed based on the video embed and tags present on my homepage?
You didn't shared details of tags present on you homepage.

2. Press F12, developer tool will open up for browser and in Emulation you will find these options
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Miguel QuintanaAuthor Commented:
<div id="videotag">
				<video autoplay="" loop="" muted="" poster="/es/../images/header.jpg" id="video-bg"> 
					<!--<source src="/es/video.webm" type="video/webm"> -->
					<source src="" type="video/mp4"> 

Open in new window

@media (max-width: 2300px) and (min-width: 1280px)
#video-bg {
    visibility: visible;
    width: 105%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
audio, canvas, video {
    display: inline-block;
user agent stylesheetvideo {
    object-fit: contain;
Miguel QuintanaAuthor Commented:
Video tag and video format is not the problem.

I just test it and video is being showing properly:

The problem seems to be around the CSS rules
Miguel QuintanaAuthor Commented:
I just found the solution by myself and the problem with Internet Explorer was due some layers containing the video with background color assigned... it was not a compatibility issue.

I just deleted these properties in the CSS and now the video is being showing in the background

Thank you

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Martin LissOlder than dirtCommented:
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.