Hi, we have included an interactive Flash video on our website's home page. It shows well when accessed over the internet. However, users accessing the website on their mobile phones only see a blank space.
What is it that should be done to make the video compatible and visible on all platforms? The flash movie has been made using Flash 5.
What is it that should be done to make the video compatible and visible on all platforms?
One way would be to us an HTML 5 doctype for pages containing video and deploy a mobile-optimized version for mobile clients using the HTML 5 video object (e.g., smaller file size=they might hang around long enough to view it.)
Currently, the flash movie shows up as a blank space. Is there some way that we can display a gif or textual file in place of the flash movie for mobile users so that we can engage with them in some way atleast?
Is there some way that we can display a gif or textual file in place of the flash movie for mobile users so that we can engage with them in some way atleast?
You're probably using the old school embed-inside-object technique. Go through the SWFObject tutorials - it's really easy. You create an element for the flash "container"
<p id="flash-container"><img src="/images/flash-not-enabled.jpg" alt="If you see this, Flash is not enabled"></p>
... and SWFObject will write the contents of flash-container with the Flash if it can. If it can't, it will leave the image as is. I haven't tested this on mobile devices but the docs claim it should work (i.e., detect flash-capable or not.)
If it doesn't, you'll need to somehow detect mobile devices and roll your own code.