Video Player Background Color - Isolated test
Video player background will always be black in IE9/10
HTML
<video controls autoplay>
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm" />
<source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogv" />
</video>
CSS
video {
width:960px;
height:auto;
background:white;
}
JavaScript
/*
# Video player background-color test
Test results:
IE10, Win 7 - false
IE10 (IE9 mode), Win 7 - false
IE9 mode) Win 7 - false
Chrome 27, Win 7 - true
FireFox 21, Win 7 - true
FireFox 20, Win 7 - true
Safari 5.1.7, Win 7 - true
Opera 12.15, Win 7 - true
Chrome 27, OSX 10.8.3 - true
FireFox 21, OSX 10.8.3 - true
Safari 6.0.4, OSX 10.8.3 - true
Opera 12.12, OSX 10.8.3 - true
Stack Overflow post:
http://stackoverflow.com/questions/16928003/what-devices-browsers-support-the-background-color-attribute-on-the-video-el
*/