Hey guys, I ran into a bit of a problem and I'm hoping I'm just writing the embed wrong. I'm unable to re-size a .mp4 movie... If I go larger with my width/height it just creates white space around the movie (Example: if I increase both width and height, the movie is in the middle of a white box).

If you have a sec... please let me know if I'm doing this wrong or if there are certain restrictions on the .mp4 format.

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="320" HEIGHT="256" >
<PARAM NAME="src" VALUE="thisMovie.mp4" >
<PARAM NAME="autoplay" VALUE="true" >
<EMBED SRC="thisMovie.mp4" TYPE="image/x-macpaint"
PLUGINSPAGE="http://www.apple.com/quicktime/download" WIDTH="320" HEIGHT="256" AUTOPLAY="true"></EMBED>
</OBJECT>

Even if it's just the fact that you couldn't reproduce these results will help.

I've just tried this on a page of my own with a video on it.

I had to change both parts where it said width... height... (your line 2 and line 6) Although it got bigger, if I didn't change the values in proportion, I got a white area top and bottom, or left and right, depending on the error I made

eg 300 x 300 changed to 400x400 works, but 400x500 gives white space.

PS but it starts to look a bit pixellated if you make it much larger that the video was saved at.

Thanks a lot for the quick response drjohn... sorry it's taken me so long to get back to you.

I thought the same thing would happen myself, but it doesn't seem to be the case for me this time. If I add to both the height and width (ratio doesn't matter it seems) there is white space on all four sides of the movie. Maybe if I gave you a bit more of my code you could better analyze the problem.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Website</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset/reset-min.css" />
<style type="text/css">        
	@import url(main.css);
</style>
...
</head>
<body>
...
<div id="wrapper">
...
<div id="footer">
<div id="ajaxframe" style="position:absolute;z-index:2;">
	<div>
	<img src="img/main3.jpg" width="1024px" height="567px" border="0" alt="" />
	</div>
	<div id="moviePlayer" style="position:absolute; left:660px; top:265px;" />
	<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
	codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320px" height="256px" />
	<param name="src" value="movie.mp4" />
	<param name="autoplay" value="true" />
	<embed src="movie.mp4" type="image/x-macpaint" pluginspage="http://www.apple.com/quicktime/download" width="320px" height="256px" autoplay="true" /></embed>
	</object>
	</div>
</div>
</div>
</div>
...
</body>
</html>

And the CSS for these sections

html,body
{
	padding:0;
	background-color:#FFF;
	text-align:center;
	text-align: -moz-center;
	background-image:url('img/fluordelis1.jpg');
	background-repeat:repeat-x;
}
#wrapper
{
	margin:0 auto;
	width:1024px;
	height:707px;
	text-align:center;
	text-align: -moz-center;
}

I left in only the portions that I thought would pertain to my case... I hope I didn't leave anything out. Let me know what you think if you get a chance (or if your still getting the same results as the last time you tried). If need be I can setup a temporary site with an example of my problem.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.