RSS

Category Archives: Web development

How to embed .mov videos in an HTML page

I’m still new at web programming, so today was the first time that I wrote code to embed a video into an html webpage. Being fairly clueless about how to do this, I looked to Google. After several searches, I was still confused. I read about the new HTML5 video standards, but they weren’t that relevant: the site that I’m working on gets most of it’s traffic from users of outdated versions of IE (hooray!).

Anyway, I looked around and finally found a working example and a helpful post about how to resize .mov videos.

This is what I ended up with:

<div class="embeddedVideo">
	<object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' 
		width="600" height="400" 
		codebase='http://www.apple.com/qtactivex/qtplugin.cab'>
		<param name='src' value="assets/videos/movie.mov">
		<param name='autoplay' value="false">
		<param name='controller' value="true">
		<param name='loop' value="false">
		
		<embed src="assets/videos/movie.mov" width="600" height="400" 
		scale="tofit" autoplay="false" 
		controller="true" loop="false" bgcolor="#000000" 
		pluginspage='http://www.apple.com/quicktime/download/'>
		</embed>
	</object> 	
</div>

The code is pretty generic. I’ll probably use it for other videos and only change the value (places where it currently says assets/videos/movie.mov), width, and height variables. I know there are better ways to go about this– using newer HTML5 standards, for instance. But to just get the video up on the page, this worked for me.

 
3 Comments

Posted by on July 8, 2011 in Programming, Web development

 

Tags: , , , ,