SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    792
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    video/HTML5 questions....

    today shot video for the first time with my Nikon camera... it was a parade with very colorful costumes, some of them came out nice... ;-)

    videos are shot in .mov format (don't think camera can shoot in .mp4)

    so my first question would be what is the best way to convert .mov video format to .mp4? I searched for
    "video convert from .mov to .mp4", and got so many results don't know where to begin..

    I'm on a mac.. are there any built-in tools that come with the mac to do this?

    (I'm assuming video cannot be embedded on a web page in .mov format)

    now I've also been learning HTML5/media stuff.. and I see that for HTML5 format .ogg also is used..
    (http://www.w3schools.com/html5/tag_video.asp)

    what is .ogg? is it better than .mp4?

    and I guess I would need to know how to also convert video to .ogg format...

    have been a serious amateur photographer for many years, but am a video newbie.... ;-)

    thank you....

  2. #2
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Even though HTML5 is becoming standard, they still haven't standardized the format that plays in each browser. Some .mov will work, and others .ogg will work. The solution I use was to allow the user to select their own media player choice. Either will work in one of the players, and a user usually has more than one installed. I use a server-side browser sniffer to select the default, and if the default player is wrong they still have the option to change it.
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  3. #3
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,095
    Mentioned
    28 Post(s)
    Tagged
    1 Thread(s)
    Hi,

    I use the Miro video converter for making all the formats needed for html5 video.
    Try using http://videojs.com/ for embedding the videos.

  4. #4
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Movies can be embed via the OBJECT element so yes QuickTime *.mov can be embedded within a webpage though a lot of times the filesize is large. Hence the why like *.mp4 tends to be preferred over *.mov plus the latter MP4 has wider compatibility.

  5. #5
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,234
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    what is .ogg? is it better than .mp4?
    Ogg is an open-source file container/format, though most people say ".ogg" are referring to Vorbis (lossy audio sitting in an ogg container, rather than video (Theora)). It was created specifically so there would be a patent-unencumbered format anyone could use, sitting under a BSD license.

    It's probably very likely that, for HTML5, the list of formats/containers people will be regularly listing will not include ogg simply because now that Firefox3.6 support is getting dropped/was dropped by most developers writing HTML5, every browser who supports the ogg format also supports one of the other big ones too (mp4 and webm).

    This might be an interesting link if you're doing HTML5 video stuff, just be aware it's already old.

  6. #6
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    792
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Markdidj View Post
    Even though HTML5 is becoming standard, they still haven't standardized the format that plays in each browser. Some .mov will work, and others .ogg will work. The solution I use was to allow the user to select their own media player choice. Either will work in one of the players, and a user usually has more than one installed. I use a server-side browser sniffer to select the default, and if the default player is wrong they still have the option to change it.

    thank you for your response, Markdidj... I know how to sniff stuff on the back-end too (user-agent, host, those typical things..) so you can sniff from the back-end what player the user has installed on their machines? how do you do that? (I'm on JSP, but well, I suppose all I need is the name of that env variable....;-)

    so you're saying encode the video in .ogg and .mp4, maybe, then sniff on the back-end what player user has installed? neat.... :-)

  7. #7
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Each browser has a default player. Sniff the browser and offer the browser's default player as the user's default player when the page loads. Allow them to change it if they wish. Harder to do in IE, as WMP seems to try taking over every player choice. Chrome seems to work the best at allowing user's player choice. I think .ogg is the default filetype for a Mac, so you might want to sniff OS too.
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  8. #8
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Markdidj View Post
    Each browser has a default player. Sniff the browser and offer the browser's default player as the user's default player when the page loads.
    Noooooooo.

    Use <video> without sniffing instead.
    Simon Pieters

  9. #9
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by zcorpan View Post
    Noooooooo.

    Use <video> without sniffing instead.
    Noooooooo

    Use <video> as default for non IE
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •