Search code examples
iphoneflashvideo-streaminghtml5-videovideo-encoding

How to make existing flash site work in iPhone and iPads?


My current HTML4 transitional website has several flash videos. How could I make them play in Apple devices with minimal changes?

I've seen numerous threads but I've got confused. Some possible ways suggested in these threads:

  1. Identify device from request and serve another format video. Which format should be served here? I need to maintain all videos in 2 format? H.264 encoding was suggested here.

  2. HTML 5 options. Not feasible in my case. Rewriting pages in HTML5 is not an option for me.

Could someone please suggest the recommended way for my case? Thanks.


Solution

  • HTML 5 options. Not feasible in my case. Rewriting pages in HTML5 is not an option for me.

    I think you're a little misinformed about what supporting HTML5 entails.

    Replace <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> with <!doctype html>. Done! You can use the new tags in HTML5, but you don't have to. Things are nicely backwards compatible with just a few (rare) edge cases.

    Encode everything as H.264 and you'll have the easiest time. Serve the files with Flash for desktop if you like, and serve via the HTML5 <video> tag to mobile devices.

    Consider using a nice hybrid HTML5/Flash pre-built player like Video.js or SublimeVideo to make your life easier.