{"issue":{"created_at":"2011-12-14T20:16:53Z","state":"open","updated_at":"2011-12-14T20:16:53Z","user":{"gravatar_id":"092ff97a9cf1189c671baecc59f8bf65","id":214047,"url":"https://api.github.com/users/iq9","login":"iq9","avatar_url":"https://secure.gravatar.com/avatar/092ff97a9cf1189c671baecc59f8bf65?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png"},"comments":0,"body":"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.\r\n\r\nIE 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).\r\n\r\nSteps to reproduce are simple.\r\n\r\nDownload your demo. Unzip.\r\n\r\nDownload Shadowbox from the above link.  Put its files into a subfolder called `shadowbox` parallel to your `demo`, `media`, and `build` dirs.\r\n\r\nIn the `mediaelementplayer.html` page in your demo, paste this code just under the other JS includes in `<head>` element.\r\n\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../shadowbox/shadowbox.css\">\r\n    <script type=\"text/javascript\" src=\"../shadowbox/shadowbox.js\"></script>\r\n    <script type=\"text/javascript\">\r\n      Shadowbox.init({ skipSetup: true });\r\n    \r\n      window.onload = function() {\r\n        Shadowbox.open({\r\n          content: '<video width=\"640\" height=\"360\" src=\"../media/echo-hereweare.mp4\" type=\"video/mp4\" id=\"player\" poster=\"../media/echo-hereweare.jpg\" controls=\"controls\" preload=\"none\"></video>',\r\n          player: 'html',\r\n          title: 'Welcome',\r\n          width: 640,\r\n          height: 360 + 4\r\n        });\r\n        $('video#player').mediaelementplayer();\r\n      };\r\n    </script>\r\n</head>\r\n<body>\r\n\r\nRefresh 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.)\r\n\r\nI tried to no avail:\r\n\r\n* Every imaginable combination of player initialization and instantiation. Even your \"no-JS\" fallback methods, that nest an `<object>` tag.\r\n* Relative paths. Root-relative paths.\r\n* Stripping away Shadowbox's CSS rules one at a time. Especially removing all of the `visibility` rules (because I read a StackOverflow post that said they succeeded by ensuring there was no `visibility` set on parant elements).\r\n* Browsing via a web server (`http://`), and viewing this locally over file system (`file://`).\r\n* Opening up Flash's security rules - as instructed in your docs. Setting \"Always allow\" on the path to the SWF.","assignee":null,"pull_request":{"patch_url":null,"html_url":null,"diff_url":null},"id":2557594,"number":329,"labels":[],"title":"Player non-functional in Shadowbox on IE8.","html_url":"https://github.com/johndyer/mediaelement/issues/329","closed_at":null,"url":"https://api.github.com/repos/johndyer/mediaelement/issues/329","milestone":null},"action":"opened"}