CSS Forum

**silverglade** · 07:47 PM

hi, this is fun now. its my first video embed into an html page. it works great in IE6, only starts when told. but in FF it autostarts and i cant figure out how to stop it. any help GREATLY appreciated! thanks. derek

here is the page im talking about.

http://academyoftalent.com/videos.html

EDIT; i just tried doing autostart: "0" and that didnt work either.

here is the css to the site

Code:

@charset "utf-8";
/* CSS Document */

body {
margin-bottom 50px;
padding: 0;
background-color: #333333;
font-family: "Times New Roman", Times, serif;
}

#wrapper {
overflow: auto;
margin: 50px auto 0 auto;
width: 888px;

}

#header {
margin: 0 auto 0 auto;
width: 888px;
height: 113px;
 background: url(off_slices3/images/header.png) no-repeat;
 }
 
 #navigation { 
 margin: 0 auto 1px auto;
 width: 888px;
 height: 43px;
 
 }
 
#content {
 
margin: 0 auto 0 auto;
width: 888px;

background: url(off_slices3/images/front_background_text_09.png) no-repeat;
padding-top:255px;
 

}

#animation {
    width: 500px;
    height: 350px;
 
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
 
}

#footer {
    width: 888px;
    color: white;
    text-align: center;
    clear: both;
    margin-top: 75px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
 
 #footer a:link , #footer a:visited  {
text-decoration: none;
color: #333333;
}
#footer a:active, #footer a:hover {
text-decoration: none;
color: red;
}
/***********************************about us code***************************/

#about_content {
 
margin: 0 auto 0 auto;
width: 888px;

background: url(about_us/images/about_us_03.png) no-repeat;
background-color: #F7B9ED; 
padding-top: 100px;
}
#about_us_footer_img {
margin: -15px auto 0 auto;
width: 888px;
height: 55px;
background: url(about_us/images/footer.png) no-repeat;
padding-top: 10px;

}

#about_footer {
    width: 888px;
    color: white;
    text-align: center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
 
 #about_footer a:link , #about_footer a:visited  {
text-decoration: none;
color: #333333;
}
#about_footer a:active, #about_footer a:hover {
text-decoration: none;
color: red;
}

#about_text {
    width: 600px;
    color: black;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#about_text p {
text-indent: 20px;
padding: 20px;

}

#about_wrapper {
overflow: auto;
margin: 50px auto 0 auto;
width: 888px;

}
/*************************************gallery code**************************/
#gallery_wrapper {
overflow: auto;
margin: 50px auto 0 auto;
width: 888px;

}

#gallery_content {
 
margin: 0 auto 0 auto;
width: 888px;
height: 400px;

background: url(gallery/gallery.png) no-repeat;
background-color: #F7B9ED; 
padding-top: 100px;
}

.gallery_links {
float: left;
margin: 40px auto 0 40px;
width: 100px;
color: white;
}

.gallery_links a:link , .gallery_links a:visited {
 text-decoration: none;
color: white;
}
 
.gallery_links a:hover , .gallery_links a:active {
 text-decoration: none;
color: red;
}

/********************************videos content****************************/

#video_content {
 
margin: 0 auto 0 auto;
width: 888px;
height: 400px;

background: url(video/videos.png) no-repeat;
background-color: #F7B9ED; 
padding-top: 100px;
}

 

#videos {
float: left;
margin-left: 15px;
width: 270px;
 
}
.video_desc {
float: left;
width: 270px;
color: black;
 text-align: center;
 padding-top: 20px;
 
}

and here is the html i used

Code:

<!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=utf-8" />

<link rel="stylesheet" href="music.css" type="text/css" charset="utf-8" />
<!--[if lt IE 7]>
<link href="iefixes.css" rel="stylesheet" type="text/css" /> <![endif]--> 
<title>Academy of Talent- Gallery</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<meta name="Keywords" content="Rockaway, Talent, talent show, music lessons, voice lessons, acting" />
<meta name="Description" content="Talent Academy of Rockaway" />
 
</head>

<body onload="MM_preloadImages('on_slices3/images/welcome_on.png','on_slices3/images/about_us_on.png','on_slices3/images/department_on.png','on_slices3/images/faculty_on.png','on_slices3/images/classes_prices_on.png','on_slices3/images/gallery_on.png','on_slices3/images/contact_on.png')">


<div id="gallery_wrapper">

<div id="header"></div>

<div id="navigation"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','on_slices3/images/welcome_on.png',1)"><img src="off_slices3/images/welcome_off.png" name="Image1" width="114" height="43" border="0" id="Image1" /></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','on_slices3/images/about_us_on.png',1)"><img src="off_slices3/images/about_off.png" name="Image2" width="117" height="43" border="0" id="Image2" /></a><a href="department.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','on_slices3/images/department_on.png',1)"><img src="off_slices3/images/department_off.png" name="Image3" width="144" height="43" border="0" id="Image3" /></a><a href="faculty.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','on_slices3/images/faculty_on.png',1)"><img src="off_slices3/images/faculty_off.png" name="Image4" width="116" height="43" border="0" id="Image4" /></a><a href="classes_prices.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','on_slices3/images/classes_prices_on.png',1)"><img src="off_slices3/images/classes_prices_off.png" name="Image5" width="176" height="43" border="0" id="Image5" /></a><a href="gallery.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','on_slices3/images/gallery_on.png',1)"><img src="off_slices3/images/gallery_off.png" name="Image6" width="116" height="43" border="0" id="Image6" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','on_slices3/images/contact_on.png',1)"><img src="off_slices3/images/contact_off.png" name="Image7" width="103" height="43" border="0" id="Image7" /></a></div>

<div id="video_content">
   

<div id="videos">

<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="270" height="256">
<param name="fileName" value="video/adagiorussian.mpg">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="false">
<param name="showControls" value="true">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="video/adagiorussian.mpg" width=270 height=256 autostart=1 showcontrols=1 volume=-450>
</object> 
<div class="video_desc">Title goes here </div>
</div><!--end videos-->

</div><!--end content-->
<div id="about_us_footer_img">
<div id="about_footer">&copy; Talent Academy of Rockaway 2009&nbsp; &nbsp; &nbsp; (site design by <a href="http://derekvanderven.com">derekvanderven.com</a>)</div></div>
</div><!--end wrapper-->
</body>
</html>

**silverglade** · 07-24-2009, 07:48 PM

EDIT; i just tried doing autostart: "0" and that didnt work either.