Skip navigation
Currently Being Moderated

What is the best video format to use with Dreamweaver CS5.5

Jan 29, 2012 4:41 AM

Tags: #video #cs5.5 #html5

My client has asked what format to convert their video to before sending it to me to be placed on their homepage. I'm using DreamWeaver CS5.5 with an HTML5 template - trying to steer clear of Flash for this new site. On other sites, I embed videos from their hosting site (YouTube, SchoolTube, etc).

 

My question to the forum is what is the best way (and prefered format) now days to insert a video onto a webpage using DreamWeaver CS5.5 and HTML5. I have the Adobe Web Premium package.

 
Replies
  • M.R.Biesheuvel
    299 posts
    May 24, 2009
    Currently Being Moderated
    Jan 29, 2012 5:02 AM   in reply to Digital Ink LLC

    Well its not the question about dreamweaver, but the question is what video format is supported by which the browser. Browsers support different video formats, a table is on this page: http://en.wikipedia.org/wiki/HTML5_video

     

     

     

     

     

    http://www.dreamweaverfan.nl

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 29, 2012 8:12 AM   in reply to Digital Ink LLC

    The answer really depends.  One common solution that gets thrown around alot is Pickle Player ( http://www.pickleplayer.com/ ).  The answer though is typically, the HTML5 video tag with an MP4 is the most compatible format right now spanning across the most platforms (Chrome, Android, iOS, Safari, IE9).  I would probably say WebM is next over Ogg because last I read, Google and MS are backing that and I think Firefox also supports it.  Basically, just plan for time to convert or look at some commercial options like that Pickle Player.  Nothing is a specification yet so information is always changing and you have to be prepared for that.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 29, 2012 8:16 AM   in reply to Digital Ink LLC

    Yes there are a number of options...

    I'm not really crazy about HTML 5 video right now... support is not universal and adding playlists and custom skins complicate the isse.

    I recommend using the mp4 video container format and a dedicated video player that you embed in the Web page.... rather than just relying on HTML5.... which may or may not actually play the video in the Web page... rather than opening a separate tab/window/OS video player.

    Here are just a few of the players available:

    http://www.longtailvideo.com/players

    http://flowplayer.org/

    http://www.pickleplayer.com/

    With a good player embedded in the page and an mp4 video, you get great quality, relatively small file size, and most players come with all code needed to embed into your Web page.

    Personally, I use the JWPlayer and use QuickTime Pro to create an .m4v video file (the iProduct version of the mp4). Here is an example.... plays on both PC and mobile iProduct devices:

    http://exploreolympics.com/reports/?p=4582

    Best wishes,

    Adninjastrator

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 29, 2012 8:28 AM   in reply to Digital Ink LLC

    In the chapter on video in Dive Into HTML5 it says this:

    There is no single combination of containers and codecs that works in all HTML5 browsers.

    This is not likely to change in the near future.

    To make your video watchable across all of these devices and platforms, you’re going to need to encode your video more than once.

     

    And a suggested workflow:

     

    For maximum compatibility, here’s what your video workflow will look like: 

    1. Make one version that uses WebM (VP8 + Vorbis).
    2. Make another version that uses H.264 baseline video and AAC “low complexity” audio in an MP4 container.
    3. Make another version that uses Theora video and Vorbis audio in an Ogg container.
    4. Link to all three video files from a single <video> element, and fall back to a Flash-based video player.

     

    I think that your starting point is to consider your target audience.

     

    Martin

     

     

    http://diveintohtml5.info/video.html

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points