day6
asked on
HTML5 Video Background Not Playing on Safari or IE11
I have this page starting to look normal in Chrome and Firefox regarding the background video being 100% (w&h) inside a DIV.
But when I look at the site in Safari and IE 11, it won't display any video or partial video on the left (in IE).
I've deconstructed my page 100 times down to the raw <video> tag only and I can see the video playing in Safari and IE11, but when it's wrapped in the DIV, it simply won't work.
I'm not sure how to debug in Safari to see what the conflict is.
I've also created a background-image for the DIV in case the video doesn't work. It's somewhat the same as the POSTER tag in video. (fail safe).
I need to understand WHY it won't work in Safari and IE11. I don't get it and have spent several hours now pulling out my hair.
http://www.themillennialtour.com/index1.cfm
Any help would be appreciated.
But when I look at the site in Safari and IE 11, it won't display any video or partial video on the left (in IE).
I've deconstructed my page 100 times down to the raw <video> tag only and I can see the video playing in Safari and IE11, but when it's wrapped in the DIV, it simply won't work.
I'm not sure how to debug in Safari to see what the conflict is.
I've also created a background-image for the DIV in case the video doesn't work. It's somewhat the same as the POSTER tag in video. (fail safe).
I need to understand WHY it won't work in Safari and IE11. I don't get it and have spent several hours now pulling out my hair.
http://www.themillennialtour.com/index1.cfm
Any help would be appreciated.
it does play in IE11
ASKER
@david Johnson Perhaps I should do a screen grab so you can see that it doesn't?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
No comments from anyone and after more tweaking and playing with CSS, I figured out the solution.