kadazuro.com

 TutorialesLlenar la ventana del buscador por completo con una película flash.
 
Autor:Colin Moock; traducción: kadazuro
||bajar el zip |
imprimir este documento
Problema: Las películas de flash no llenan por completo el espacio visible de la ventana del navegador. Las películas tienen un indeseable borde entre la película flash y los bordes del buscador, como se mira en la figura 1, abajo

figura 1: borde(mostrado en blanco)alrededor de la película flash

Soluciones: si se quiere librar del borde mostrado arriba, usted tiene dos opciones que funcionan en la mayoría de los buscadores.

 

solución uno: frameset de un solo frame

con los atributos correctos puestos en un frameset, el contenido de las páginas en frames puede reducirse hasta 1 o 2 píxeles ( dependiendo del buscador ) del borde de la ventana del buscador. películas flash incrustadas en páginas que residen en framesets pueden expandirse muy cerca del borde de la ventana del buscador . aquí abajo se demuestra como se ve cuando esta dentro de un frameset:

figura 2: borde mínimo alrededor de la película flash puesta en frameset

 

Aquí está cómo hacerlo:

Paso 1:
Haga la página en la cual su película estará incrustada, cuando incrusta una película, coloque el ancho, alto y escala para el deseado efecto, aquí hay algunas opciones:
  1. HEIGHT="100%" WIDTH="100%" SCALE="EXACTFIT"
    esta combinación fuerza cada borde de su película al borde del buscador, y distorsiona su película para que calce en aspecto (proporción entre el alto y el ancho) al buscador.
  2. HEIGHT="100%" WIDTH="100%" SCALE="SHOWALL"
    esta combinación acomoda el ancho y el alto de la película al borde más cercano ya sea el alto o el ancho del buscador . su película no será cortada o sesgada para calzar en el buscador, pero habrán bordes ya sea arriba y abajo o a la derecha e izquierda de su película.
  3. HEIGHT="100%" WIDTH="100%" SCALE="NOBORDER"
    esta combinación ajusta sea el ancho o el alto de su película al más largo sea el ancho o alto del buscador, cuando las dimensiones no calzan en el buscador, su película podrá ser recortada sea arriba, abajo o ambos lados

El código de se película incrustada podrá verse más o menos así:

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH="100%"
HEIGHT="100%"
CODEBASE="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0">
<PARAM NAME="MOVIE" VALUE="moviename.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="false">
<PARAM NAME="QUALITY" VALUE="high">
<PARAM NAME="SCALE" VALUE="showall">

<EMBED
SRC="yourmovie.swf"
WIDTH="100%"
HEIGHT="100%"
PLAY="true"
LOOP="false"
QUALITY="high"
SCALE="showall"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=Shockwaveflash">
</EMBED>
</OBJECT>

Paso 2:
Haga un frameset de un frame, en realidad sería un frameset de dos frames, pero usted sólo usará uno de los frames para mostrar su página. El primer frame estará fijado en el 100%, y el segundo estará fijado en "*" ( significando lo que quede, osea: nada ), ponga el SRC del primer frame a la página con la película, y el segundo frame a un HTML vacío con un color de fondo (BGCOLOR) que calce. Entonces usted necesitará especificar los atributos correctos del frameset y las frames para que los contenidos de su película se extiendan a los bordes del buscador.
Aquí está el código con los ajustes correctos:

<HTML>
<HEAD>
<TITLE>your flash movie title</TITLE>
</HEAD>
<FRAMESET ROWS="100%,*" FRAMESPACING="0" FRAMEBORDER="NO" BORDER="0">
<FRAME NAME="top" SRC="yourmovie.html" FRAMEBORDER="0" BORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO">

FRAME NAME="hidden" SRC="empty.html" FRAMEBORDER="0" BORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO">
</FRAMESET>
</HTML>

notas:
1) Como un atributo de <FRAMESET>, FRAMEBORDER puede ser falso o verdadero, pero como atributo de <FRAME>, FRAMEBORDER tiene un valor de un píxel para ajustar el espacio entre el borde y el contenido de la página.
2) En <FRAMESET>, BORDER se refiere a la cantidad de píxeles entre frames, mientras que en <FRAME>, BORDER es simplemente una ahora obsoleta versión de FRAMEBORDER.
3) el atributo SCROLLING puede ser puesto como NO de otra manera, si el contenido no es tan largo como la ventana del buscador, puede aparecer un boquete en la derecha y abajo del frame donde estarían normalmente las scrollbars.

Paso 3:
para remover la mayor cantidad posible del borde en ie4 y netscape4, usted puede opcionalmente colocar los valores para el margen el la página de su película(yourmovie.html). netscape4+ usa MARGINHEIGHT y MARGINWIDTH, mientras IE4+ usa TOPMARGIN, BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN. Para acomodar ambos buscadores use:
<BODY MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0">

entonces porqué no funciona en IE4.5 en mac.
En ie4.5 para mac, las películas de flash son colocadas usando el standard ( y correcto ) object/embed juntos son empujados desde la parte superior de la página. no he escuchado una definitiva explicación de porqué tanto macromedia como micorsoft, la única posible solución al problema sería remover la etiqueta object del todo, usando únicamente el embed para colocar la película flash en la página, así como esto remueve el boquete, podría causar problemas en versiones para windows de ie. En una discusión de si o no la solución es aconsejable, john dowdel de soporte técnico de macromedia declara:

"Sería malo, ie/win32 usa controladores ActiveX mucho más frecuentemente que los plug-in de Nestcape, la mayoría de la gente usando buscadores ie/win32 tiene el controlador ActiveX de flash, si la página no tiene la etiqueta OBJECT, entonces según sé, estos buscadores no intuirán que ellos usan un particular controlador ActiveX que suministra ese contenido incrustado (EMBED).

En otras palabras, yo diría que arreglándolo a la audiencia de ie4.5/mac removiendo la etiqueta object sería inconveniente para la audiencia de ie/win32, con una *significantemente* ubicación en la mayoría de los sitios."

la única opción entonces, sería crear una página especial sólo para usuarios de ie.mac la cual solo se desplegaría si el usuario estuviera usando ie4.5 en mac.( usando javascript para detectar esto), my recomendación sería dejar el boquete en las ie4.5/mac, ya que seria un porcentaje del trafico normal de la web.

Solución dos: vincular directamente la película flash ( swf).
en vez de incrustar la película flash en una página html, puede vincularla directamente a ella, y dejar que el buscador la despliegue e línea, esto seria, si usted tiene una página "home.html", que vincula a su la página de su película "mymovie.html" y " my movie.html" contiene su película "mymovie.swf", usted puede simplemente cambiar el link en "home.html" < A HREF ="mymovie.html"> ver mi película </A> por < A HREF ="mymovie.swf"> ver mi película </A>. este método es más fácil de implementar que el del los frames, pero debe ser usado únicamente después de que flash ha sido satisfactoriamente detectado, así como también buscador no tendría ningún acceso a la instrucciones que normalmente le indicarían donde encontrar el plugin si este no esta presente.

si usted usa éste método es también importante recordar establecer la calidad de su película a alta, desde dentro de la misma usando la acción "Toggle High Quality" ( sólo flash3 o superior). en su primer keyframe seleccione propiedades, luego pulse en la pestaña acciones ( actions ) a agregue la acción "Toggle High Quality" ( demostrado abajo)

 
Este tutorial fue traducido bajo permiso del autor colin moock, la versión original en moock.org se encuentra en http://www.moock.org/webdesign/flash/fillthewindow.html todo el material original escrito y con derechos de copia de colin moock; la versión al español es proveída como un servicio sin fines de lucro por kadazuro ,reproducción por cualquier medio es estrictamente prohibida
regresar
frameset: <FRAMESET>: set de marcos, juego de marcos
frame: <FRAME> marco.
scrollbar:banda de enrollamiento
keyframe:cuadro clave, fotograma clave
 
Historial:
1.abril 1ero,2000, se publica este documento