In IE, when trying to load a flash file on a page, the images get cut off after the first load using cross-domain resources.
My webpage is at: http://www.me.rentals.com
The flash file it references is on http://image.dev.rentals.com
I’ve provided a crossdomain.xml file in my root directory to allow the flash from a different sub-domain communication with the hosting domain.
<?xml version="1.0"?>
<cross-domain-policy>
<allow-access-from domain="*.rentals.com"/>
<allow-access-from domain="image.me.rentals.com"/>
</cross-domain-policy>
I then specified the “base” atrtribute to tell the flash file where to load its resources from. If you don’t, it’ll try to load relative to the hosting page (not what I’d expect).
<param name="base" value="image.me.rentals.com/flash" />
When I load the page up for the first time, everything is fine.
When I refresh the page or return to the page and the resources are served from browser cache, the image cuts off. I finally identified that the behavior only occurs when the sub-domains have more then one non-matching token. In other words, www.me.rentals.com works fine with image.me.rentals.com. They both match xxx.me.rentals.com.
Whether I specify wild cards or explicit urls has no curative effect.
In production, the respective urls will be www.rentals.com and image.rentals.com. I’ve verified this to work correctly. The bug only bites me in the dev environment. What a royal PAIN in the arse…
Image is supposed to look like this:
Flash image is supposed to look like this:
but instead gets cut off after loading from browser cache
