RSS

How to embed .mov videos in an HTML page

08 Jul

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.

Advertisements
 
3 Comments

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

 

Tags: , , , ,

3 responses to “How to embed .mov videos in an HTML page

  1. HTML guy

    March 8, 2013 at 9:41 am

    Is this will work with firefox? if this use with ff then the controls are not coming(play/pause/status bar etc)

     
  2. amit bhoria

    October 9, 2013 at 10:10 am

    thanku for the awesome solution… 🙂

     
  3. Andy

    December 23, 2014 at 9:46 am

    I tried this and it just comes up with quicktime logo covered with a ? mark. Guess this method is out of date. I am just trying to find some why of uploading a video to my server for a rep to watch, one time only.

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: