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

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

Similar Threads
thread Thread Starter Forum Replies Last Post
What is the most battery efficient way to stream Netflix on a Macbook ? gihad Mac Applications and Mac App Store 5 Aug 17, 2011 07:31 AM
What is the most versatile video converter for an Apple Mac running OSX? SheerGold Digital Video 5 May 2, 2009 10:13 PM
What is the most efficient way to proccess my photos? McGhost Digital Photography 3 Apr 23, 2009 07:50 AM
What is the Most Efficient Language? ~Shard~ Community 136 Jul 6, 2005 11:15 PM
what is the most WUs one of ur comps comps has finished? mc68k Distributed Computing 3 Jan 14, 2004 11:43 PM


All times are GMT -5. The time now is 05:38 AM.

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

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