johndyer/mediaelement — Issue #329: Player non-functional in Shadowbox on IE8.
Author: iq9
Created: 2011-12-14 20:16:53+00:00
State: open

Similar to [issue 309](309), but using [Shadowbox](http://www.shadowbox-js.com/). Video area is completely black. No controls. No playback. This happens both locally and on public web server. All other browsers succeed, including IE 9.

IE 8 works fine when the video is embedded in a page. It's just when the video is displayed in this Shadowbox product (which our one app is very entrenched in, so we're really trying not to go the route of using a different Lightbox library).

Steps to reproduce are simple.

Download your demo. Unzip.

Download Shadowbox from the above link. Put its files into a subfolder called `shadowbox` parallel to your `demo`, `media`, and `build` dirs.

In the `mediaelementplayer.html` page in your demo, paste this code just under the other JS includes in `

` element.

Refresh page. A shadowbox appears with the video in it. Succeeds in all modern browsers. Try the same thing in IE 8, and it fails. Black screen. (This is IE 8 on XP, if that matters.)

I tried to no avail:

* Every imaginable combination of player initialization and instantiation. Even your "no-JS" fallback methods, that nest an `