Web Design Blog

October 7, 2010

MediaBox is a very cool MooTools based JavaScript modal overlay. It has a bunch of bundled in features for displaying various types of media and galleries.

One issue that Google would not help me solve was embedded Flash not appearing in the media box in Safari. I could switch tabs then switch back and the Flash would magically appear. I assumed it was a display conflict Safari was having when everything fired at once with the loading of the MediaBox and the Flash embed. A more elegant solution may involve a listener object on the mediabox, but this seems to resolve it.

My solution was to simply delay the swfobject flash embed by half a second using setTimer();.

Here is the version that does not work in Safari (mac):
http://www.websitedesignby.com/mediabox/mediabox-flash-notimer.html

Here is the fix with the timer:
http://www.websitedesignby.com/mediabox/mediabox-flash.html

Direct link to box content containing hack/fix:
http://www.websitedesignby.com/mediabox/mediabox-flash-box.html

Comments

comments

Powered by Facebook Comments