Replacing Image with Flash when not supported

[OP NeoxCore 0]

I currently have a website at www.webfusionmedia.com.

On the home page there is Flash animation.

The Flash animation works great until the site is loaded on

a mobile device. The mobile device ask the user to install

Flash plugin, which isn't possible on many mobile devices.

 

-How do I replace the flash animation with a still image

 when flash is not supported. 

 

I have tried using the following resources without much luck.

 

https://code.google.com/p/swfobject/

 

http://devcoma.blogspot.ca/2010/08/how-to-replace-flash-with-image-for.html

 

http://www.webdesignforums.net/forum/general-web-design-discussion/37062-replacing-flash-image-gif-when-flash-not-supported.html

 

-Using the code from the above links, the still image is not placed exactly where the flash animation is on mobile devices and overlaps or goes behind the flash animation on Internet Explorer.

Also the Flash download icon remains visible on mobile devices.

 

Any help would be appreciated.

Regards,

[+Seahorsepip 431]

You can use javascript to identify the browser or use php.

You can also identify using javascript if the browser support flash: http://stackoverflow.com/questions/159261/cross-browser-flash-detection-in-javascript

 

And I recommend getting rid of the flash animation ;)

Instead write a css version with javascript and css3 :P

[ashpowell 81]

I agree with Seahorsepip, get rid of flash.. What you use flash for can be very easily achieved with js & css