Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Regular Coder
    Join Date
    Sep 2007
    Posts
    809
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Best format for videos on websites?

    Hi all,

    Hope this is in the right place, just wondering what everyone thought was the best format for displaying videos on the web? Our company has just had a short video made, and it's in .wmv, the trouble being that I don't believe Mac users will be able to view this..

    I'm looking for a format that ticks all the boxes, i.e.

    - Max. Compatibility
    - Smallest File Size
    - Best Quality etc.

    Can anyone set me in the right direction, there are so many to choose from!

    Many thanks,

    Greens85

  • #2
    Regular Coder jfreak53's Avatar
    Join Date
    May 2004
    Location
    Guatemala
    Posts
    477
    Thanks
    19
    Thanked 10 Times in 10 Posts
    Well being as I am not a video export ha ha, far from all accounts, I cannot say what is the best. But what I can tell you is what I have used in the past and what I am currently using. I do a lot of custom system on the web for companies and after which I make them online video tutorials to view how to edit and use the systems. So I use a lot of online video.

    I have tried a lot. For one I would steer clear of WMV. It by far is the smallest I believe. But as you said, completely incompatible with other things beside IE and windows. I have users that use windows, linux and MAC. I cannot say for sure if WMV plays on mac, don't have one. But I know it will not play on linux at all. I don't think opera runs it. And I don't know about firefox. Anytime I've tried to play a video WMV in firefox off a page it opens windows media player, so maybe I am missing a plugin of some sort.

    But what I have found is this. FLV is normally larger than most, better quality and you can get lower bitrates with it than other format, especially if your running resolution on your videos of 320x240. But if you up it to 640x480 video size then FLV is much larger and cumbersome. I use mostly now adays MP4 format with h.264 compression. I would suggest using this. It is, besides FLV and WMV and MOV(which is the same thing as MP4 with h.264 compression), the only one that will stream in a flash player. I use mostly that MP4 with h.264 compression. Very nice quality and small size on the bigger resolutions, also very good on smaller res as well.

    Then all you do is implement a good flash video player on your site, like JW Player, this is all I use.

    Now to make MP4 stream you have to use something called a quickstarter program, that moves the ATOM from the end of the file to the front. Basically, I won't get into all the technical here, but that tells the player when to start playing either at beginning or end. MP4 by default plays at end, don't know why. So you need a small program to move the play parameter from back to front to allow streaming. And front what I know MP4 with the h.264 codec is the only MP4 that will stream, I could be wrong. But it doesn't matter, the h.264 is the best codec right now for quality and size. Actually a little testing and you can see for yourself, FLV format uses the old h.263 format. So it's essentially the same thing just newer.

    To use a quickstart program for windows I suggest using this one:

    MP4 Faststart:
    That way it's streamable when you play it with flash player. Best way by far since everyone just about has flash on their browsers.

    Also you might want a converter program, I would try the free one WinFF. Just select the MP4 format and the h.264 subformat. Also no matter what program your using to convert it, I would try many different settings. I have had a lot of good luck using a 100KB bitrate with MP4! Surprisingly, but very good luck. So start at 100 bitrate then go up until you get the size and quality you want of the video. And this is using 640x480 resolution also.

    So just play. But I would suggest that format.
    "FORTRAN is not a language. It's a way of turning a multi-million dollar mainframe, into a $50 programmable scientific calculator."
    http://www.microfastcat.com -- FastCat Software, the fastest software on the NET!
    http://www.microthosting.com -- Free reseller web hosting, Hosting, VPS, FREE SMALL HOSTING!!!
    http://www.microtronix-tech.com -- Web design and programming

  • #3
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Sidenote: over the next few years, the video and audio tags for html5 will be used more and more where most videos will be either in ogg format or h.263 or even, possibly, the new format from On2 (recently purchased by Google).

  • #4
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    depends on intention

    The best format actually depends on what your intention is on how you want to use it. Are you posting it on YouTube, hosting it yourself, what player do you plan to use?

    In any case JFreak53 has a lot of good points in the response. I have moved to MP4 for most of my videos too.

  • #5
    Regular Coder
    Join Date
    Sep 2007
    Posts
    809
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by firstalliancecu View Post
    The best format actually depends on what your intention is on how you want to use it. Are you posting it on YouTube, hosting it yourself, what player do you plan to use?

    In any case JFreak53 has a lot of good points in the response. I have moved to MP4 for most of my videos too.
    Hey thanks for all the reply's...

    As for you questions, quite open on this one really.

    Basically, yes we do want it on Youtube which we will then link to from our site, but we also want to stream it & have it available so that the users can download a copy to their local machine...

    As for player, I'm not really sure. Does this all depend on what type of extention the file as, as to what player is used?

  • #6
    New Coder
    Join Date
    Mar 2010
    Location
    New York
    Posts
    29
    Thanks
    0
    Thanked 1 Time in 1 Post
    I noticed a lot of people saying the same thing about streaming it with a flash player, and I agree, but you should still have a download link to the video for maximum compatibility.
    Try this flash player: http://flowplayer.org/index.html
    They provide tons of support and their player is free and fantastic. I'd reccomend it to anyone for use on their site. And, just in case, maybe you should re-render some of that video into mp4 format and provide another download link if you're really afraid about a mac user not being able to view your vids. (Silly Macintosh! Didn't you learn your lesson from all the watered-down software you're forced to provide?) But flowplayer should take care of all your issues.

    Oh, and in response to jfreak53, I'm running Ubuntu 9.10 and I can stream .WMVs through firefox, chrome, vlc, movie player, and RealPlayer, so to say that WMVs are incompatible is a complete farce. However, you were correct in assuming that they are not cross-compatible with Macintosh computers because of their lack of support for drivers, encoders, and, well, almost everything.
    Last edited by SSCR9; 03-02-2010 at 07:10 AM.

  • #7
    Senior Coder
    Join Date
    May 2005
    Posts
    2,137
    Thanks
    96
    Thanked 72 Times in 72 Posts
    By far the best way I have found to do it, is to convert your videos into flashplayer. They load quickly, good quality, small file size, etc.

    JWplayer is one of the best I've found, and it's 100% free.
    http://www.longtailvideo.com/
    Rowsdower! has accused me of having mental problems, and the administrator allowed it. What a great forum huh?

  • #8
    New to the CF scene
    Join Date
    Mar 2010
    Posts
    5
    Thanks
    0
    Thanked 1 Time in 1 Post
    im not sure exactly what you mean but mp4 and flv are the best quality for youtube

  • #9
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Except flash won't play on the iPod, iPad or iPhone. Does it play on Mac?
    H.264 provides the best quality but, as I said above, HTML5 video runs everywhere except IE, of course. You'll have to wait 2 years for that.

  • #10
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Ideally, you would serve two videos--one Flash player to cover all desktop clients and MP4 H.264 for mobile devices, which is quickly becoming the standard. When you wish to switch over to HTML5, presuming Mozilla don't get their way, it's simply a matter of deleting the FLVs.

  • #11
    New Coder
    Join Date
    Aug 2012
    Posts
    44
    Thanks
    26
    Thanked 0 Times in 0 Posts
    Welcome back to 2012.

    Which format to choose in 2012?

    I'm using html5 and I intend to store my videos in my server. But my question is which format to choose?

    I know the standard is ogg, but ie and safari would not read ogg automatically. So, should I made 2 copies of my videos: one ogg copy and other X copy for for ie and safari?

    Which formats would you use in my case?

  • #12
    Senior Coder Len Whistler's Avatar
    Join Date
    Jul 2002
    Location
    Vancouver, BC Canada
    Posts
    1,323
    Thanks
    26
    Thanked 100 Times in 100 Posts
    Quote Originally Posted by cast_no_shadow View Post
    Welcome back to 2012.

    Which format to choose in 2012?

    I'm using html5 and I intend to store my videos in my server. But my question is which format to choose?

    I know the standard is ogg, but ie and safari would not read ogg automatically. So, should I made 2 copies of my videos: one ogg copy and other X copy for for ie and safari?

    Which formats would you use in my case?

    I would go with the html5 video recommendation. mp4 and ogg.

    http://www.w3schools.com/html5/html5_video.asp

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

  • Users who have thanked Len Whistler for this post:

    cast_no_shadow (09-07-2012)

  • #13
    New Coder
    Join Date
    Aug 2012
    Posts
    44
    Thanks
    26
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Len Whistler View Post
    I would go with the html5 video recommendation. mp4 and ogg.

    http://www.w3schools.com/html5/html5_video.asp

    Code:
    <video width="320" height="240" controls="controls">
      <source src="movie.mp4" type="video/mp4" />
      <source src="movie.ogg" type="video/ogg" />
      Your browser does not support the video tag.
    </video>
    But is this going to work with ie?


  •  

    Posting Permissions

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