Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Feb 25, 2008, 07:48 PM   #1
c073186
macrumors 6502a
 
Join Date: Nov 2007
What is the most efficient format of video for web?

Which format would be the best if I want to put some videos on my website in terms of size and load times?
c073186 is offline   0 Reply With Quote
Old Feb 25, 2008, 08:46 PM   #2
Makosuke
macrumors 603
 
Join Date: Aug 2001
Location: The Cool Part of CA, USA
In terms of size vs. quality, I'd say almost certainly h.264 Quicktime. It is relatively processor intensive, though, so if either encoding time on your end or support of older computers on the viewing end is a priority, you might have to look elsewhere. It's what I use, though.

You can, theoretically, get similar (maybe even better) results with high-end encoding systems or carefully tuned settings with an older codec like DivX, but QTPro gives you pretty good output with a minimum of tweaking for $29 (or you can use a 3rd party tool for free, but QTPro is worth it for me).
Makosuke is offline   0 Reply With Quote
Old Feb 25, 2008, 08:49 PM   #3
jwtseng
macrumors member
 
Join Date: Jan 2004
Quote:
Originally Posted by c073186 View Post
Which format would be the best if I want to put some videos on my website in terms of size and load times?
I like using Flash. I think it is the most prevalent across browsers and platforms (except the iPhone...boo!). The latest QT codecs like H.264 are very good quality, but your audience will need the latest QT7 version installed, which a lot of PCs don't have and PC users don't want to install.

I basically use VisualHub to convert my videos to FLV or SWF. Then I embed an FLV player in a web page to play the files as they are downloaded.

Last edited by jwtseng; Feb 25, 2008 at 09:08 PM.
jwtseng is offline   0 Reply With Quote
Old Feb 25, 2008, 09:07 PM   #4
c073186
Thread Starter
macrumors 6502a
 
Join Date: Nov 2007
What about .mp4? Is that bad?
c073186 is offline   0 Reply With Quote
Old Feb 25, 2008, 09:17 PM   #5
jwtseng
macrumors member
 
Join Date: Jan 2004
Quote:
Originally Posted by c073186 View Post
What about .mp4? Is that bad?
Depends on the codec. mp4 is a general file format, but the actual video can be compressed with different codecs. That's my understanding of it anyway. Plain Mpeg-4 codec can be played with QT6, which is more prevalent than QT7 on Windoze machines. But the newer H.264 codec (which is also .mp4) requires viewers to have QT7.

Like I said, I choose to use Flash to do away with the QT requirement. So I convert QT files to .flv..... this is sort of how YouTube and Google Video does it.

You can see examples of QT converted to flv on my pages here:

Me Singing Happy Birthday
Me Waving
jwtseng is offline   0 Reply With Quote
Old Feb 25, 2008, 09:23 PM   #6
c073186
Thread Starter
macrumors 6502a
 
Join Date: Nov 2007
How do you actually put the videos on to the website then? When I converted my .mp4 file to .flv and drag it into iWeb, it does not display it as a video like it did on your site.

One more question: did you use iWeb to make that site? How did you make the Next / Prev buttons? I mean how did you make all the different pages w/o them appearing on the top bar? Whenever I add new pages it adds a link to them on the top bar.
c073186 is offline   0 Reply With Quote
Old Feb 25, 2008, 09:30 PM   #7
jwtseng
macrumors member
 
Join Date: Jan 2004
Quote:
Originally Posted by c073186 View Post
How do you actually put the videos on to the website then? When I converted my .mp4 file to .flv and drag it into iWeb, it does not display it as a video like it did on your site.
This is where it gets a little bit more complicated. But it's not too bad. Here's the flv player that I use:
FLV player

Then you have to embed it into your iWeb page by inserting an HTML widget. The embed code can be generated using the wizard:
Setup Wizard

To get everything functioning, you'll need to have uploaded 1) the FLV player .swf file and 2) your .flv or .swf movie file to your server to be accessed by the embed code.
jwtseng is offline   0 Reply With Quote
Old Feb 25, 2008, 09:34 PM   #8
jwtseng
macrumors member
 
Join Date: Jan 2004
Quote:
Originally Posted by c073186 View Post
One more question: did you use iWeb to make that site? How did you make the Next / Prev buttons? I mean how did you make all the different pages w/o them appearing on the top bar? Whenever I add new pages it adds a link to them on the top bar.
I am using the "blog" template in iWeb, so all the navigation is automatically generated and only the main blog page (the summary page that you see with all the little square thumbnails and text excerpts) shows up in the main (top) navigation menu.

If you don't want to use the blog template, you can make your own "next" and "previous" type of buttons and then hide the pages from showing up in the top nav bar by unchecking the "include page in navigation" item in the iWeb Inspector Page tab.
jwtseng is offline   0 Reply With Quote
Old Feb 27, 2008, 03:41 AM   #9
Europe calling
macrumors regular
 
Join Date: Jun 2007
Location: The Netherlands
I think the latest flash player which handles H.264 codec is very good.
I saw an amazing sample on streaming HD video fullscreen without hickups:
http://www.flashxpress.net/forum/showthread.php?t=64585
It also features some coding examples.

It's in french, but click the second link 'La Demo Moviestar' to see it in action.
__________________
15.4" Macbook Pro 2.2 Ghz Intel Core i7, 4 Gb RAM | OSX 10.8.5 | 23" ACD | iPhone4 | TV2 | iPad3
Europe calling is offline   0 Reply With Quote
Old Feb 27, 2008, 07:33 PM   #10
jwtseng
macrumors member
 
Join Date: Jan 2004
Quote:
Originally Posted by Europe calling View Post
I think the latest flash player which handles H.264 codec is very good.
Wow, that's some pretty amazing stuff!
jwtseng is offline   0 Reply With Quote
Old Feb 27, 2008, 07:58 PM   #11
mintlivedotcom
macrumors regular
 
Join Date: Apr 2004
I use Wimpy Player on my sites.

Example: http://harkangelproductions.com/services/index.html
__________________
The really happy person is the one who can enjoy the scenery on a detour.
mintlivedotcom is offline   0 Reply With Quote
Old Feb 28, 2008, 09:46 AM   #12
timmillwood
macrumors 6502a
 
Join Date: Apr 2006
Quote:
Originally Posted by jwtseng View Post
This is where it gets a little bit more complicated. But it's not too bad. Here's the flv player that I use:
FLV player

Then you have to embed it into your iWeb page by inserting an HTML widget. The embed code can be generated using the wizard:
Setup Wizard

To get everything functioning, you'll need to have uploaded 1) the FLV player .swf file and 2) your .flv or .swf movie file to your server to be accessed by the embed code.
this is what I use an think it is great
timmillwood is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Play any video format on iPhone 5/4S mandark100 iPhone 15 Mar 11, 2013 06:41 PM
Elgato video format BasilFawlty Digital Video 1 Dec 18, 2012 08:37 AM
All iPads: Best video player for avi (or other non iTunes format)? yalag iPad 1 Dec 9, 2012 10:21 PM
No video with supported format and mime type found pattawari Mac Basics and Help 1 Jul 6, 2012 04:55 AM
Best format to archive video Jim61 Digital Video 2 Jun 21, 2012 11:36 PM

Forum Jump

All times are GMT -5. The time now is 09:12 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC