Estoy realizando una web para un chico que es director de cine, recien titulado. Una de las partes de la web es una galeria donde poner los cortometrajes.
Os cuento:
Funcionamiento:
Primero hay una pagina bobina.html con basicamente una tabla con dos columanas. En una columna hay un archivo flash con un menu. En la otra un iframe donde inicialmente esta cargada otra pagina sin nada (solo el fondo negro). Cuando aprietas el primer video del menu se carga en el iframe otra pagina que contiene el video en question.
Ahora hay de prueba dos videos cualquiera del vimeo.
Problema:
Dependiendo del navegador se ve todo correcto o en cambio, se ve el video cortado. Solo se ve una franja horizontal de la parte superior.
Crome y safari: bien
Mozzila, Firefox, explorer: cortado
Capturas:
Cortado
Normal:
Codigo:
BOBINA.HTML
Código :
<!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" />
<title>OSCAR MARQUEZ - Bobina</title>
<link href="../../css.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body bgcolor="#000000">
<table border="0" align="center" width="75%">
<tr>
<td height="30"></td>
</tr>
<tr>
<td><a href="../menu.html"><img src="../../img/inicio/oscarmarquez.jpg" border="0" class="imagen" /></a>
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
<tr>
<td>
<font class="textomenu" ><b>BOBINA</b></font>
</td>
</tr>
<tr><td>
<table border="0" cellpadding="6" cellspacing="6"><tr>
<td width="0%" align="justify" valign="top">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="260" height="500" id="FlashID" title="bobina">
<param name="movie" value="Bobina - copia.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="Bobina - copia.swf" width="260" height="500">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="80%" align="justify" valign="top" height="100%">
<iframe src="nada.html" frameborder="0" scrolling="no" width="100%" height="100%" id="video" name="video" NORESIZE>
Su navegador no soporta iframes. Para ver el contenido es necesario que habilite los frames en su navegador. <a href="../menu.html">Volver al menu</a></iframe>
</td>
</tr>
</table></td></tr>
<tr>
<td height="30"></td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
JETAIME.HTML
Código :
<!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" /> <title>je t'aime</title> <link href="../../css.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#000000"> <table border="0" width="0%" height="0%"> <tr> <td height="110"></td> </tr> <tr><td> <object><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12697802&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12697802&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object> <font class="texto"><b><br /><br />JE T'AIME</b><br />Cortometraje</font> </td></tr></table> </body> </html>
que bien.