HTML5 coding. Is it worth it?

20 replies
Admittedly, I don't know too much about html5, as I've always stuck to flash. But seeing as this is becoming the standard for mobile devices, is it worth optimizing our sites for html5 and getting rid of flash all together?
Thoughts?
#coding #flash #html5 #worth
  • Profile picture of the author myob
    The only problem with flash is that iPhones can't read it. Instead of getting rid of flash though, you do have the option of using a php script to redirect mobile users to a .mobi site. Keep in mind that HTML 5 is rapidly becoming the standard for smartphones. More applications are being planned for this standardized platform than all of the app stores combined.
    {{ DiscussionBoard.errors[3227078].message }}
  • Profile picture of the author Josh Anderson
    No absolutely not. That is the worst mistake you could make.

    Html5 video support is in flux right now... and html5 will be in flux for the next decade.

    flashplayer has as high as 98% market penetration including support on android devices.

    The best approach you can take right now is to sense for apple i devices and either redirect them with a redirect script to a page that displays compatible content or use a solution such as my Transparent player with html5 video fallback scripting that senses them automatically and swaps out the flash for an apple compatible html5 version.

    In other words flash should be the default and html5 should only be displayed when an apple i device is detected or a browser without flashplayer support is detected.

    The problem with using html5 video by default is that there is no standard established yet and browsers do not all support the same codecs. Google just announced they will no longer support h.264 (mp4) in html5 and will instead be focusing on open codecs such as their webM (vp8) codec that they are pushing to make the standard. Firefox and opera refuse to support h.264 mp4 as well instead opting for OGG video format but will likely also adopt support for webM. Microsoft does not support html5 video in their current version of IE but will support it in 9+ and who knows what codecs they will ultimately decide on while Apple appears to be the lone holdout supporting h.264 mp4 video which google will pretty much put a death blow to if everyone follows them using webM (vp8) as the new standard. Adobe has also announced that flashplayer will support WebM.

    So what does all that mean? That means that Flashplayer is still what everyone should be using for standard browsers and redirect or html5 video fallback scripts should only be used for Apple mobile devices. If you want to even attempt to use them for other browsers then you need a complex script that will sense the browser type and serve video that is compatible with that browser. Since all browsers are compatible with flashplayer and since flashplayer still has as high as 98% market penetration and is used to deliver 75% of all rich media on the web then you should stick with flashplayer for everthing except the apple devices.



    Originally Posted by Doherty192 View Post

    Admittedly, I don't know too much about html5, as I've always stuck to flash. But seeing as this is becoming the standard for mobile devices, is it worth optimizing our sites for html5 and getting rid of flash all together?
    Thoughts?
    Signature
    {{ DiscussionBoard.errors[3227657].message }}
    • Profile picture of the author Doherty192
      Awesome info Josh. You've answered my question! Thank you!
      {{ DiscussionBoard.errors[3228114].message }}
    • Profile picture of the author John Henderson
      Originally Posted by Josh Anderson View Post

      Google just announced they will no longer support h.264 (mp4) ... Firefox and opera refuse to support h.264 mp4 ... Microsoft does not support html5 video in their current version of IE ... Apple appears to be the lone holdout supporting h.264 mp4...
      What a mess.

      I'm sure that I can remember a time when protocols like HTML, CSS, Javascript, MPEG encoding, etc. were designed by consortiums that deliberately included a broad range of representatives from software companies, hardware companies, academia, standards agencies and so on. Everyone added their input and consequently everyone put their name to the resulting open standard (note the use of the singular there).

      Now what have we got? A fragmented mess driven by vested interests....
      {{ DiscussionBoard.errors[3231407].message }}
  • Profile picture of the author Dennis Gaskill
    There seems to be a lot of confusion about HTML 5. It's not going to be one big roll out, it will be implemented in piecemeal fashion. One of the goals of HTML 5 is to simplify things. For example, this is the HTML 5 doctype:

    Code:
    <!DOCTYPE html>
    Quite different than we're used to, wouldn't you say?

    All the elements from HTML 4 are included in HTML 5, so you can actually start using that now if you want, even on your old pages if they don't contain any deprecated elements. Elements that were deprecated in HTML 4 are not supported in HTML 5. These include:

    Code:
    <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, 
    <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u>, <xmp>
    Josh gave good advice as far as your immediate concern goes. I just wanted to point out that HTML 5 is not going to be one big unit like we're used to, it's a gradual roll out over time.
    Signature

    Just when you think you've got it all figured out, someone changes the rules.

    {{ DiscussionBoard.errors[3228164].message }}
  • Profile picture of the author seobro
    HTML5 was great, but the problem is now movies. Chrome ripped out its video support for the new chrome web browser and left us crying. Read up on Google drops H.264 support in Chrome and find out if and when they are going to support video and under what codec because the story keeps changing for us. Frankly, I would not use HTML5 right now. It is a mess.
    {{ DiscussionBoard.errors[3229559].message }}
    • Profile picture of the author Josh Anderson
      Chrome supports flashplayer so you can play all the h.264 video you want in flashplayer. Its a far better experience than html5 video anyway.

      Chrome supports webM and Theora codecs for html5 video. Firefox supports webM and Theora codecs for html5 video. Firefox also supports flashplayer which can play h.264 mp4 video.

      In other words... its a non issue.

      Originally Posted by seobro View Post

      HTML5 was great, but the problem is now movies. Chrome ripped out its video support for the new chrome web browser and left us crying. Read up on Google drops H.264 support in Chrome and find out if and when they are going to support video and under what codec because the story keeps changing for us. Frankly, I would not use HTML5 right now. It is a mess.
      Signature
      {{ DiscussionBoard.errors[3229777].message }}
  • Profile picture of the author Quentin
    I would just do a redirect so if anyone comes looking it will redirect them to a separate mobile site.

    A simple few pages explaining who you are and what you do. Thats all most mobile users want.

    Leave what have there.
    {{ DiscussionBoard.errors[3229863].message }}
  • Profile picture of the author Capitalist_Pig
    There seems to be some misconception about what HTML5 *is* here. Long before I got into IM, I was a web developer, so let me shed some light on it.

    After HTML 4.01 was released, there was a working established for something new - XHTML. XHTML 1 came out, then 1.1, then 2.0 - and fizzled. Browsers did not support the proper encoding format, and continued to read it as HTML.

    HTML5 is a new standard that builds on HTML 4.01, and the best parts of XHTML. It does not require that the documents be served as XML, which has allowed it to be adopted faster.

    I coded everything as HTML 4.01 Strict for years. A few months ago, I began exclusively using HTML5, and have had no issues with it.

    Now, that said - HTML5's video support is still in flux. I would recommend embedding video using HTML5's native support, then using Javascript to sniff for Flash support, and if present, load a Flash video instead.
    {{ DiscussionBoard.errors[3229946].message }}
    • Profile picture of the author myob
      Ahem, FYI. Smartphone apps will increasingly be HTML5 based. With this technology, once it is standardized, it will be a cheaper, easier and faster option to develop, launch, and customize apps for the iPhone, iPad, PC and Android, among other possibilities without redundant websites. Moreover, these independent applications are becoming available NOW with for example http://openappmkt.com (no affiliation). HTML 5 is supposed to largely supersede the need for additional programs and browser plug-ins. For flash and other video-intensive websites this may not be the ideal solution immediately, but this is the direction it's going with Google, Apple, Microsoft, Mozilla, and Opera pushing it hard to be adopted by W3C since 2003. Even the logo now for W3C indicates it is heavily promoting this as a standard itself. (http://news.cnet.com/8301-30685_3-20028718-264.html)
      {{ DiscussionBoard.errors[3230318].message }}
  • Profile picture of the author Neil Morgan
    its only a matter of time
    The problem with this in high tech fields is that right "time" never really comes because there's always something better coming down the track.

    The problem with waiting is that business suffers. Use what works now - your bank manager will thank you even if the technogeeks don't.

    Cheers,

    Neil
    Signature

    Easy email marketing automation without moving your lists.

    {{ DiscussionBoard.errors[3230494].message }}
    • Profile picture of the author paulie888
      Originally Posted by Neil Morgan View Post

      The problem with this in high tech fields is that right "time" never really comes because there's always something better coming down the track.

      The problem with waiting is that business suffers. Use what works now - your bank manager will thank you even if the technogeeks don't.

      Cheers,

      Neil
      I couldn't agree, more, Neil. HTML5 is still a developing and evolving standard, and it's not even a 'standard' right now. Even the experts can't agree when it'll become a standard - it could be 3 years from now, and I read that some have said it could take 5 years or more to morph into an industry standard that everyone agrees on.

      Trying to be too far ahead of the curve will not serve you well with web development, unless you're only seeking to have your websites display properly on Apple mobile devices.

      Paul
      Signature
      >>> Features Jason Fladlien, John S. Rhodes, Justin Brooke, Sean I. Mitchell, Reed Floren and Brad Gosse! <<<
      {{ DiscussionBoard.errors[3479960].message }}
  • Profile picture of the author Doherty192
    Thanks all for the responses. Seems the consensus is to stick with flash, and use a redirect to html5 for mobile devices for the time being anyway. Sounds good to me!

    Thanks
    {{ DiscussionBoard.errors[3231665].message }}
  • Profile picture of the author DMCAPROS
    I have not bothered to learn all the functions HTML5 has to offer yet, but I do plan on implementing it into some of my sites in the following year once more browsers can support it.
    {{ DiscussionBoard.errors[3231697].message }}
  • Profile picture of the author seasoned
    You should ALWAYS be 2-3 generations, or about 3+ years, whichever is later, BEHIND on websites! If you AREN'T, more and more people are likely to have problems with your site and SOMETIMES, upgrades of client software are NOT possible! I have seen users have compatibility problems with communication software, and update features, after upgrading from IE V6! Even as recently as a couple weeks ago.

    John Henderson,

    ANSI used to be pretty good, but in the 90s, they proposed changes for DIBOL that swould have OBLITERATED the language and hurt a LOT of businesses. Who knows, maybe they DID. I mean the company that created it is DEAD, and the language is probably all but dead. But the IDEA that they would remove standard parts, and adopt proprietary extensions is RIDICULOUS.

    Steve
    {{ DiscussionBoard.errors[3231754].message }}
    • Profile picture of the author Joe721
      Originally Posted by seasoned View Post

      You should ALWAYS be 2-3 generations, or about 3+ years, whichever is later, BEHIND on websites!
      Steve
      Are you actually serious? So cater for people still using IE6 for example? I think not, unless the technology behind your site is so trivial that even IE6 can handle it.

      For those considering the IMHO only obvious choice of using a simple sensing script to detect i-devices and fall back to html5 video (and I mean simple, there is no need to spend money on such a script, the js code for doing this is a one-liner, I'll post it if anyone wants to know) I have a couple of things to mention from recent technical development (dont know if this is of interest but seems appropriate to mention):

      1) A custom control bar cannot do fullscreen, despite the webkit apparently supporting it. If anyone has seen this I'd love to see it, but in the meantime using the default html5 player is the only choice.

      2) Attempting to control a custom player such as the one I have built embedded in an iframe is impossible on an i-device. First of all, the iphone and ipod will always default to their own player, and on the ipad it is not possible to pass events through the iframe to the player, just doesnt seem to be allowed.

      Probably more tech info than was wanted but just thought it might help someone struggling to do these things.
      Signature
      OptinPlayer: www.optinplayer.com
      The most Interactive web video player with
      events, a
      nalytics, security & much more
      Advanced DHTML Popup www.dpopup.com
      WordPress Popup Plugin www.wordpresspopupplugin.com
      {{ DiscussionBoard.errors[3241886].message }}
  • Profile picture of the author Josh Anderson
    I have installed a live example of our flash + html5 video sensing alternation script in action on the video on our site here:

    Optimize Your Video 2.0: Increase Response, Boost Consumption, Make Video Sell More

    Those of you who have an iPad, iPhone, or iPod touch will see the html5 version when visiting that site... those who visit it with a Mac or PC based browser will see the normal version.

    In other words that site will demonstrate 100% compatibility for desktop computer browsers and apple mobile devices.
    Signature
    {{ DiscussionBoard.errors[3231816].message }}
    • Profile picture of the author myob
      :confused: There already countless stop gap solutions for auto-detecting and redirecting mobile devices. The easiest are as a simple one line js as mentioned or even better php code. Just do a search "mobile redirect php". Ideally, try to use HTML 5 and CSS3.
      {{ DiscussionBoard.errors[3241958].message }}
  • Profile picture of the author haymanpl
    Flash is not very good for the search engines and either is to much html.
    HHTML 5 looks interesting however i don't see any wordpress themes in html as of toadys date
    I know there's non wordpress html 5 themes that look great but are a bit pricey
    {{ DiscussionBoard.errors[3479937].message }}

Trending Topics