Go Back   CodingForums.com > :: Client side development > General web building

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-22-2010, 09:59 AM   PM User | #1
greens85
Regular Coder

 
Join Date: Sep 2007
Posts: 809
Thanks: 5
Thanked 2 Times in 2 Posts
greens85 is an unknown quantity at this point
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
greens85 is offline   Reply With Quote
Old 02-22-2010, 02:04 PM   PM User | #2
jfreak53
Regular Coder

 
jfreak53's Avatar
 
Join Date: May 2004
Location: Guatemala
Posts: 477
Thanks: 19
Thanked 10 Times in 10 Posts
jfreak53 is an unknown quantity at this point
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
jfreak53 is offline   Reply With Quote
Old 02-22-2010, 02:24 PM   PM User | #3
drhowarddrfine
Senior Coder

 
Join Date: Oct 2005
Posts: 1,340
Thanks: 0
Thanked 61 Times in 60 Posts
drhowarddrfine can only hope to improve
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).
drhowarddrfine is offline   Reply With Quote
Old 02-22-2010, 04:53 PM   PM User | #4
firstalliancecu
New to the CF scene

 
Join Date: Feb 2010
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
firstalliancecu is an unknown quantity at this point
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.
firstalliancecu is offline   Reply With Quote
Old 02-24-2010, 06:52 PM   PM User | #5
greens85
Regular Coder

 
Join Date: Sep 2007
Posts: 809
Thanks: 5
Thanked 2 Times in 2 Posts
greens85 is an unknown quantity at this point
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?
greens85 is offline   Reply With Quote
Old 03-02-2010, 07:06 AM   PM User | #6
SSCR9
New Coder

 
Join Date: Mar 2010
Location: New York
Posts: 29
Thanks: 0
Thanked 1 Time in 1 Post
SSCR9 is an unknown quantity at this point
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..
SSCR9 is offline   Reply With Quote
Old 03-02-2010, 05:19 PM   PM User | #7
masterofollies
Senior Coder

 
Join Date: May 2005
Posts: 2,137
Thanks: 96
Thanked 72 Times in 72 Posts
masterofollies can only hope to improve
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?
masterofollies is offline   Reply With Quote
Old 03-06-2010, 11:32 AM   PM User | #8
Jmart285
New to the CF scene

 
Join Date: Mar 2010
Posts: 5
Thanks: 0
Thanked 1 Time in 1 Post
Jmart285 is an unknown quantity at this point
im not sure exactly what you mean but mp4 and flv are the best quality for youtube
Jmart285 is offline   Reply With Quote
Old 04-23-2010, 01:57 PM   PM User | #9
drhowarddrfine
Senior Coder

 
Join Date: Oct 2005
Posts: 1,340
Thanks: 0
Thanked 61 Times in 60 Posts
drhowarddrfine can only hope to improve
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.
drhowarddrfine is offline   Reply With Quote
Old 04-23-2010, 04:41 PM   PM User | #10
Apostropartheid
The Apostate


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Posts: 3,215
Thanks: 16
Thanked 265 Times in 263 Posts
Apostropartheid is on a distinguished road
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.
__________________
Blog | Twitter
Useful links: W3C HTML Validator | W3C CSS Validator | HTML 5 Guide
CF: HTML & CSS Resources/Tutorials Thread | HTML & CSS Posting Rules and Guidelines
Remember: no link, no code, no help!
Apostropartheid is offline   Reply With Quote
Old 09-04-2012, 10:18 AM   PM User | #11
cast_no_shadow
New Coder

 
Join Date: Aug 2012
Posts: 44
Thanks: 26
Thanked 0 Times in 0 Posts
cast_no_shadow is an unknown quantity at this point
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?
cast_no_shadow is offline   Reply With Quote
Old 09-06-2012, 09:37 PM   PM User | #12
Len Whistler
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
Len Whistler is on a distinguished road
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
Len Whistler is offline   Reply With Quote
Users who have thanked Len Whistler for this post:
cast_no_shadow (09-07-2012)
Old 09-08-2012, 11:58 AM   PM User | #13
cast_no_shadow
New Coder

 
Join Date: Aug 2012
Posts: 44
Thanks: 26
Thanked 0 Times in 0 Posts
cast_no_shadow is an unknown quantity at this point
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?
cast_no_shadow is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 08:21 PM.


Advertisement
Log in to turn off these ads.