What is the easiest way to embed a MPEG 4 file into a .html web page?

Hello. I am a begginer in web design. I use DW CS3 to do most of my work. I am trying to embed a Quicktime file (MPEG 4) into a .HTML page. I'm skimmed the net and looks like you have to write a Java Script? I'm not very familiar w/ this. Can someone explain how to do this?

Thanks!
dsmjeffAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

DJDecayCommented:
Use the Quicktime Export for Web feature (You'll need Quicktime PRO)
It will create a webpage with the embedded code you need, into a folder together with your MOV file.
Copy that code into your HTML and you should be set. It will contain player size, URL to the movie etc...
 

<center>
<h2>Movie</h2>
 
<br>
<p>Quicktime Player Required.
<script type="text/javascript"><!--
	QT_WritePoster_XHTML('Click to Play', 'PosterJPEG.jpg',
		'THEMOVIDEFILE.mov',
		'480', '376', '',
		'controller', 'true',
		'autoplay', 'true',
		'bgcolor', 'black',
		'scale', 'aspect');
//-->
</script>
<noscript>
<object width="480" height="376" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
	<param name="src" value="PosterJPG.jpg" />
	<param name="href" value="TheRealMovie.mov" />
	<param name="target" value="myself" />
	<param name="controller" value="false" />
	<param name="autoplay" value="false" />
	<param name="scale" value="aspect" />
	<embed width="480" height="376" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
		src="PosterJPG.jpg"
		href="TheRealMovie.mov"
		target="myself"
		controller="false"
		autoplay="false"
		scale="aspect">
	</embed>
</object>
</noscript>
</center>
</body>

Open in new window

0
DJDecayCommented:
This is the sample code posted. However if you have Quicktime PRO you should be set.
Also make sure if you're serving it via HTTP compress the mp4/H.264 for progressive-download streaming.
0
scrathcyboyCommented:
A quicktime solution won't work for the majority of people running Mozilla Firefox and many other browsers without any Apple software, or browsers that don't read CLSID class identifiers.  There is not truly cross browser way to EMBED a MPEG file into a web page.  All samples like the above will just be ignored by many browsers.  You can EMBED music and MP3 into web pages, but if you want a truly cross-browser video, you go with FLASH -- and it is not embedded in the page either -- the user has to click to play it.

The reason for this is that web pages are not yet (and pray to God, never will be) FORCED movie players.  If the web ever gets to the stage that a person can FORCE a movie on you without the option of being able to instantly disable it, you can be certain that programmers will write modules to stop this privacy invasion.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

DJDecayCommented:
scrathcyboy: Agreed yes the "zen" way of doing it would be On2 VP6 encode to FLASH Video (Not Even H.264 as it is a High End Target for Flash 9) and a SWF flv player with swfobject.js -  or a button that asks if you want to download the movie in mov format and a plain link.

But we have to know who the audience for this web page is.





0
dsmjeffAuthor Commented:
The audience is body shop customers.
I was able to get it to work lastnight. I liked the Quicktime idea, but I had worries about those who may not have Quicktime having to go download it. So I played around with Flash and the Flash video encoder. Coverted it to a FLV and inserted it into a already running slide show on my index page. Added the FLV extension to IIS so it would play and now it is working lovely. It is a short little 18 second video clip for halloween. Very neat. Then on slide two, it goes back into the regular JPEG's.

I am interested in learning different ways to do the same thing. But does everyone agree that Flash is the way to go when dealing with video and websites?
Thanks!
0
DJDecayCommented:
Yes, flash for video delivery is the standard now and days.

It takes way longer to encode however then other formats, so if you're producing a lot of video clips to put onto a site, than you may need a fast machine or a dedicated encoding machine.

Just make sure you're encoding for the lowest common denominator which is
 
On2 VP6 FLV Codec
http://www.on2.com/
for now, as flash does have H.264 support, however you may want to avoid that for the moment as the target is only FLASH 9.

It comes pre-licensed with many Adobe Applications such as After Effects for example.

Best bet is to install google analytics, it will give you a fair idea of the versions of flash plugins and browsers visiting the site.

There is also nothing wrong with using Windows Media Encoder and Quicklime and offer two versions of the video for download and retention.


0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Digital Audio

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.