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:
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.
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.
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.