Member Avatar for PsychicTide

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>
Edited by PsychicTide because: n/a
  • 2 Contributors
  • 3 Replies
  • 106 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by PsychicTide
Member Avatar for PsychicTide

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

Member Avatar for drjohn

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.

Edited by drjohn because: n/a
Member Avatar for PsychicTide

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.

Edited by PsychicTide because: n/a
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.