Link to home
Start Free TrialLog in
Avatar of Miguel Quintana
Miguel Quintana

asked on

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!
Avatar of Najam Uddin
Najam Uddin
Flag of United States of America image

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.
Avatar of Miguel Quintana
Miguel Quintana

ASKER

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
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
<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="https://s3-eu-west-1.amazonaws.com/dow/video-entrada-2.mp4" type="video/mp4"> 
				</video>
</div>

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;
}
Video tag and video format is not the problem.

I just test it and video is being showing properly:

http://www.nacsport.com/es/testvideo.php


The problem seems to be around the CSS rules
ASKER CERTIFIED SOLUTION
Avatar of Miguel Quintana
Miguel Quintana

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Martin Liss
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.