2 Replies Latest reply: Jul 21, 2011 11:01 AM by Nancy O. RSS

    What to use in place of Flash for iPhone

    OscarPurcell

      I can embed a little (converted to) flash video in my page without a problem.

       

      Of course it won't play on the iPhone (& I assume iPad). I want to reach this audience!

       

      I could go the Quicktime route & convert it to .mov (with variations for the iPhone) embedding the Quicktime player, avoiding Flash altogether - but I don't really want to!!

       

      Clearly display on Apple is a problem for everybody!

       

      Perhaps detect the iPhone (etc) and display Quicktime to them & something else to the rest, but how!

       

      What do you do please?

       

       

       

       

       

        • 1. Re: What to use in place of Flash for iPhone
          SnakEyez02 CommunityMVP

          Convert the document type to HTML5 (if you are using CS5/5.5) and use the HTML5 video tag:

           

          <video width="320" height="240" controls="controls">
            <source src="movie.mp4" type="video/mp4" />
          Your browser does not support the video tag.
          </video>

           

          You will need to encode the video as MPEG-4 which will work in Safari, Chrome and IE9 web browsers as well.  There are 2 other formats, OGG and WebM which will allow it to work in Firefox and Opera, but you are more likely to come across encoders for MPEG-4 as opposed to OGG & WebM (if anyone recommends any good Mac converters for those formats I'd be interested in hearing about it).

          • 2. Re: What to use in place of Flash for iPhone
            Nancy O. CommunityMVP

            See Pickle Player

            http://www.pickleplayer.com/index.html

             

            It uses HTML5 <video> and MP4 source files for all browsers and devices that support it with a Flash Player fallback for the only browser that doesn't (Mozilla).  The beauty of this method is that you don't need encode multiple file types to support the various web devices/browsers.

             

             

             

            Nancy O.
            Alt-Web Design & Publishing
            Web | Graphics | Print | Media  Specialists 
            http://alt-web.com/
            http://twitter.com/altweb