Hola gente de Cristalab, soy nuevo en este foro, por tanto quiero empezar implorando a su ayuda para el siguiente problema.

Tengo una página donde en un iframe coloco cualquier web, luego a través de Javascript dibujo un DIV que esté encima del iframe y flotando; y dentro de ese div pongo un video flash que tiene controles de reproducción, el problema está que lamentablemente no puedo acceder a los controles de reproducción (play, stop, pause, replay) ya que tiene conflicto con el iframe que está detrás, este problema no existe con IE, Safari u Opera, pienso que puede ser un bug de FF. He probado alernativas al iframe como un object pero aun así persiste el problema. El problema usando Fire Fox lo pueden ver desde http://www.hretrucks.com/demo/

Esto es lo que va dentro de mi index.php (en el head)

Código :

<script src="prototype.js" type="text/javascript" ></script>
<script src="jscript.js" language="JavaScript">

Esto es lo que va dentro de mi index.php (en el body)

Código :

<body style="overflow:hidden;" scroll="no">

<div id="top"></div>
<iframe id="iframe" src="http://www.aqphost.com" scrolling="auto" frameborder="no" style="margin: 0px; padding: 0px; width:100%; height:100%;" ></iframe>
</body>


Aquí el las dos funciones que dibujan dentro del jscript.js

Código :

function init()
{
var htmlBody = document.body;
   var yaoti_div = document.createElement("div");
   htmlBody.appendChild(yaoti_div);
   yaoti_div.id = "yaoti_movie";
   yaoti_div.innerHTML = FlashMovie();


   yaoti_div.style.position = "absolute";
   yaoti_div.style.top = "-1000px";
   yaoti_div.style.left = "-1000px";
   yaoti_div.style.width = "220px";
   yaoti_div.style.height = "420px";
   yaoti_div.style.display = "none";
   yaoti_div.style.zIndex = "10000";

   var yaoti_movie = document.getElementById('yaoti_movie');

   var moviePositionY = parseInt(getWindowScroll('y') + parseInt( (  (getWindowSize('y'))/100 ) * PositionY ) ) - (movieHeight/(100/PositionY) );

   var moviePositionX = parseInt(getWindowScroll('x') + parseInt( (  (getWindowSize('x')-20)/100 ) * PositionX ) ) - (movieWidth/(100/PositionX) );


  yaoti_movie.style.top = moviePositionY+'px';
  yaoti_movie.style.left = moviePositionX+'px';
  yaoti_movie.style.display ="block";
   onloadResizer();
}

function FlashMovie()
{
 txt = "<obj"+"ect classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='215' height='420' id='footage'><param name='movie' value='http://www.yaoti.org/flash/yaoti_player_customer.swf?FID=13&AP=on' /><param name='quality' value='high' /><param name='menu' value='false' /><param name='wmode' value='transparent' /><param name='bgcolor' value='#FFFFFF' /><em"+"bed src='http://www.yaoti.org/flash/yaoti_player_customer.swf?FID=13&AP=on'  swLiveConnect='true' menu='false' FlashVars='' quality='high' bgcolor='#FFFFFF' width='220' allowScriptAccess='sameDomain'  wmode='transparent'  height='420' name='footage' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></ob"+"ject>";

return txt;
}


Algo que olvidé comentarles que el jscript.js usa funciones del conocido prototype.js.

Bueno amigos, espero que puedan ayudarme, si desean puedo enviarles en un zip el proyecto para que lo analicen