Aug '10

Adding HTML5 Video with Dreamweaver CS5

I actually had this post written right before my vacation this summer (the reason for not posting here for 6 weeks!), but somehow managed to lose it. But oh well, the topic is just as hot as ever, as witnessed by several blogposts recently from the likes of the BBC and YouTube. My favorite quote from the YouTube article is “Today, Adobe Flash provides the best platform for YouTube’s video distribution requirements, which is why our primary video player is built with it.” I think that basically sums it up.

For all the excitement surrounding HTML5, it seems that the idea of “replacing Flash” for video delivery is the one that gets everyone going. But, as is pointed out in those two articles (and numerous others), it’s just not that simple – especially as long as there is a hefty majority of users on Internet Explorer 8 and below. If history is any indication, it will be many, many years before those browsers will disappear. I was recently speaking with some attendees at An Event Apart in Minneapolis who informed me that their IT department had just decided to move the entire organization (a large one, but one who I will not name for obvious reasons) to Internet Explorer… 7!!! Yes, S E V E N! I asked why on earth they weren’t moving to 8 and was told that they had begun testing internal apps on 7 “just before 8 was announced” – and they’d put too much work into it, and would have to start all over on 8. Sheez… but that is the reality in a large part of the corporate world.

Adding to that continued need for Flash are also concerns about DRM, multi-bandwidth delivery, as well as the simple fact that it is far easier for the average web designer/developer to customize a video experience in Flash. Oh, and if the client wants subtitles, cue points, video synchronized with our content it all becomes even more difficult. Not necessarily impossible, just difficult. And at the moment, there’s not even any tooling to help ease the pain. I’m sure it’ll come, and I’m also sure that every single point that I could ever dream up will be addressed – eventually.

For now, we live in a world that requires a multifaceted video approach, and thanks to the HTML5 Pack for Dreamweaver CS5, we can not only build pages using HTML5 elements and style them with CSS3, we also can add HTML5 video. But there are a few things that you need to be aware of in order to deliver a seamless video experience in HTML5, as well as provide a Flash alternative for IE. Let’s take a quick look…

Are you using HTML5 video today? Still using Flash? Join the conversation – I’d love to hear your thoughts…


9 Responses to “Adding HTML5 Video with Dreamweaver CS5”

  1. Eric Says:

    I have to still use flash for my main page on my site because of the design. but i will look forward to using more video on projects.

  2. Girish Says:

    thanks for the post. i love flash.. i hope it gets faster with less loading time.

  3. Lyle Jacobson Says:

    I think its great that there is so many options for video content, but generally you would serve up multiple videos with some sort of interactive menu and I still think flash offers the best solution with more interactive abilities. Sure you have to have flash player but really who doesn’t these days. I think people searching for multimedia experiences are going to expect to need flash player whether they use chrome, firefox, safari or the other that shall not be named.

  4. rehabilitasyon Says:

    Hi, I’m learning new Dreamweaver would be very helpful for me thanks

  5. eric Says:

    true who dosent have flash but your missing the point with mobile phones they dont all support flash.

  6. Lyle Jacobson Says:

    When you say they don’t all support mobile phones you really mean all but one don’t you. I sure give it 6 to 12mths and someone will create a work around, such is progress.

  7. eric Says:

    true and yes im talking about the android 2. Some phones use flash for the navigation on the main menu or some other app on it. And i did have one that was flashed based and after a few months it was running slow was a cool phone (don’t ask what kind it was it was 6 years ago). Well now i was wondering what kind of video encoding could you use for a mobile device?

  8. youtube video player Says:

    Hey looks very amazing.

  9. Mark Says:

    I have Dreamweaver CS6 which is suppose to have the code done automatically from the menu. I can’t find it.

    Is ts a kind of plugin?

    I saw a tutorial video in Adobe but it doesn’t say anything about it.

    Any help?

Leave a Reply