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>

Edited by PsychicTide: n/a

6 Years
Discussion Span
Last Post by PsychicTide

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: n/a


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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<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);
<div id="wrapper">
<div id="footer">
<div id="ajaxframe" style="position:absolute;z-index:2;">
	<img src="img/main3.jpg" width="1024px" height="567px" border="0" alt="" />
	<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>

And the CSS for these sections

	text-align: -moz-center;
	margin:0 auto;
	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: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.