Como insertar SWF de Flash en HTML válido y accesible

También te podría gustar...

Sobre este artículo

Licencia: Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia. Permitido citar partes del artículo enlazando a la fuente original, y poniendo el siguiente link:

URL: LaWebera.es :: Diseño Web

Se dedica desde hace más de 8 años al diseño web y muy especialmente al front-end. Apasionada de Internet y los proyectos online. Sigue muy de cerca todo lo que se cuece en cuanto a emprendimiento. Ha trabajado como front-end y visual designer para empresas como ELPAIS, Banco Santander y actualmente Tuenti.

17 Respuestas

  1. Otto B

    Buen dia amig.

    Diseñé totalmente mi pagina web en Flash CC y cuando monto la pagina en Dreamweaver para subirla al hosting, solo veo un cuadro blanco y no logro ver mi página.
    Instalé la ultima versión de Flash y aún así no logro ver mi pagina.
    En una oportunidad leí que habia que eliminar algo del codigo HTML para que pudiera verse, lo hice y funcionó, pero al actualizar mi pagina y generar nuevo documento, me sucedió lo mismo y ahora si no logro resolverlo.
    Agradezco tu ayuda

  2. clara lu

    hola, tengo una pregunta tome un archivo swf y lo convertí a html5 pero si lo abro en un pc sin conexión a internet, no funciona, que puedo hacer?, hay alguna opción en la cual no necesite bajar flash player y que me sirva sin conexion a internet. gracias

  3. John Jaider Vanegas

    Hola cordial saludo amigo, en verdad me ha servido bastante! Gracias por compartir, algunos post y demás ayuda en internet mencionaban que era necesario configurar algunos xml y demás cosas del servidor o algo así, simplemente el error de todo fue el código con el cual se implementaba la película flash, que previamente la generó el mismo adobe flash que básicamente me permitía localmente ver perfecto todo, pero cuando lo subí empezó el lio… Simplemete gracias tú me diste la solución… :D

  4. Gonzalo

    Como harias para que la pelicula si es de 800×600, se “estire” al tamaño del navegador maximizado?

    Saludos
    Gracias

  5. Mario

    Hola, te parecerá increible que a estas alturas te pregunte casi el mismo problema. Uso DW cs6 y en el menú insertar > Media > SWF y Shockwave. Acaso no son lo mismo? Noto que al insertar Shockwave mi archivo para la web funciona bien, pero de curioso, al hacerlo insertando un SWF (la misma extensión y el mismo archivo por su puesto), me sale un aviso para instalar “expressInstall” bla bla bla… y un link de macromedia…

    Si con shockwave todo me funciona, está bien… pero me sigue la curiosidad por qué esas dos opciones de insertar una misma cosa y con diferente resultado! O acaso hay alguna utilidad que ofrece la ADOBE? Diferenciando swf y shockwave?

    Gracias.

  6. Javier

    Mil Gracias… estoy trabajando con Moodle y tenia problemas con esto, ya que hace poco comencé… me salvaron tus indicaciones… Saludos

  7. Jepez

    Este tutorial me ha servido mucho pero aun no logro solucionar lo siguiente:
    tengo que ejecutar comandos de javascript sobre un archivo swf en mi pagina, en mozilla u opera funciona pero en internet explorer o en movil, no es posible ejecutar estos comandos, es mas, el archivo swf al terminarse de cargar deve desencadenar un evento (algo como un onload), pero la funcion no se ejecuta si estoy en Internet explorer

    espero que me puedas ayudar con esto..
    Gracias

  8. Alfredo

    Igual no se ve mi imagen despues de que hago todos los pasos y luego de subir todo con FTP.

  9. Daniel

    Muchas gracias por este excelente tutorial, me ha sido muy útil.
    Es claro, sencillo y va al grano que nunca va mal cuando se esta trabajando.

    Un saludo y gracias de nuevo.

  10. flor

    ¿puedo integrar una galería Flash creada por Lightroom, en un documento Html .?
    hola
    uso Dreamweaver y trato de integrar una galeria que fue creada por Lightroom pero cuando intento visualisar la pagina en modo en vivo o en el modo de prueba. en donde se tiene que ver la galeria me aparece un anuncio que dise que no encuentra el documento

    como debo hacer para integrar las galerías dentro de mi pagina html?

  11. Tamara

    Buenos días y gracias por compartir la información. Quiero compartir mi punto de vista con el de Daniel. El diseño de una página web no es lo mismo que su programación, y son servicios que usualmente, al menos en mi páis, los diseñadores y programadores freelance cobramos por separado.

    Si bien estoy de acuerdo que es mucho mejor optar por códigos abiertos, también es real que hay mucha gente que no los comprende y no podrían programarlos correctamente, como es mi caso. Soy diseñadora y publicitaria, y si bien entiendo de diseño, de códigos poco y nada, y es por eso que siempre me manejo con un programador al lado. El flash y demás programas me dan la posibilidad de trabajar libremente sin los dolores de cabezas que me generan los códigos. Sin embargo, los dolores de cabeza muchas veces vienen por otro lado, como bien decían algunas personas aquí, no siempre las cosas que se generan en base a estos, son “leídas” correctamente por los browsers.

    De hecho ahora estoy peleando con un banner que no entiendo por qué motivo no se ve en la página html ya que aparentemente hice todo bien. Ya veremos que sucede.

    Nada, simplemente comentar un poquito sobre el tema desde el punto de vista de alguien que no conoce nada sobre programación.

    Un saludo a todos

  12. Ingrid Rodriguez

    Excelente explicacion y lo mejor de todo es que me funciono, habia probado con miles, pero en IE, siempre se dañaba, con este sale perfecto.
    Gracias

  13. Jesús

    Quiero hacer un comentario respecto a flash.
    Hace mas de 3 años que flash es totalmente indexable.
    Pero claro, hay que saber como hacerlo y leerse los tutoriales de Flash y de Google.

    Pongo un ejemplo:
    Al pulsar un botón para cambiar de página, Flash se conecta directamente con google y le pasa toda la información del contenido mediante las apis que google proporciona desde su tutorial.
    Al igual que también funcionan las flechas del navegador y puedes enviar la url de la pagina a un mail, y al hacer click en el enlace, entras directamente en la página seleccionada de flash.
    Estas técnicas las desconocen la mayoría de la gente.

    Hace muchos años que programo en flash y puedo decir que flash es la mejor herramienta que existe para internet, pero por desgracia, flash dejo de ser un buen producto en el momento que lo compro Adobe, ya que a esta compañía solo le interesa ganar dinero y en 3 años saco 3 nuevas versiones con lo que solo lo han fastidiado y el nivel de conocimientos es tal alto que hace difícil que la gente sepa hacer otra cosa que simples animaciones, entre otras cosas todas ellas sencillas.

    Programar con AS2 y AS3 requiere años de experiencia, y los que lo dominan, realizan verdaderas obras de arte.

    Ahora mismo hay montada una guerra entre las grandes compañías con el tema de los móviles y Adobe el pasado mes de diciembre, declaro que no daba soporte de Flash Player a móviles.
    Únicamente tiene soporte Android, que es de google.

    Appel no deja instalar flash y Google compra los derechos de flash para los móviles de Android.
    Que se traen entre manos esta gente ????.

    Como resultado de estos trapicheos, he tenido que tomar la decisión de dejar de trabajar con flash y este mes de febrero, lo he empezado con html5 css3.

    Mi sorpresa al adentrarme en html5, ha sido enorme ya que se esta utilizando la misma estructura de programación que tiene flash8 con AS2, con lo cual a sido perfecto para mi y en 20 días, me manejo html5 con fluidez. Ahora me toca pelearme con Java.

    Las etiquetas div son capas o niveles que es lo que viene utilizando flash desde que existe, y a cada capa se le asigna un z-index para posicionarlo.

    En html se llama div y en flahs lo que haces es crear un MovieClip
    En cada div o MovieClip puedes insertar todo el contenido que quieras de manera que al crear el div, empieza con el z-index que le quieras dar y todo lo que vas poniendo dentro, empieza del:
    z-index 0 en adelante.

    De manera que a cada div, le asignas su index, y todo lo que vamos poniendo dentro, empieza de nuevo en el z-index=0

    Bueno, que me emociono y esto empieza a ser un tutorial.

    Aquí dejo una URL que es donde estoy realizando mi proyecto para editar html5 online.

    La gran diferencia de este CMS con los que hay en el mercado, es que permite moverlo y situarlo todo donde se quiera, lo cual permite una personalización total.

    http://www.xmlonline.es

    Gracias por vuestra atención

    Jesús

  14. Daniel

    Sito textual: “Aunque no recomiendo el uso de Flash en las páginas web, al menos no para crear una web completamente en Flash o para crear sus partes principales”

    Primero que nada saludar y luego agradecer por compartir la información, a todos nos sirve.
    Mira, he desarrollado algunas paginas web (diseñadas en photoshop, “ejecutadas” ó programadas en “flash”, y luego administradas por dreamweaver para ser subidas a la red. entiendo mucho el concepto de programación pero no lo practico como tal y no lo comparto de cierta forma.

    Quisiera saber el porque no lo recomiendas (uso de flash)?

    Y otra cosa, Cuando se habla de diseñar una web, la programación es una cosa, el diseño es otra. eso deberían explicar o clarificar con más detalle. ( simplemente con código no se puede DISEÑAR una web) y si algunos lo logran, dejan de lado la estética misma del diseño.

    Saludos.

    • Verónica Milán

      Digo que no recomiendo flash porque:
      – Para el SEO es bastante malo, no lo indexan bien los buscadores.
      – No es en muchos aspectos accesible.
      – Es una tecnlogía propietaria de código cerrado.
      – La mayoría de cosas para las que resultaría útil usar flash, como una animación, una presentación o ciertos efectos, se pueden hacer con CSS3, HTML5 o JavaScript. Y si sabemos profundizar en estos lenguajes, podemos hacerlos compatibles con la mayoría de navegadores.
      – Es hora de reemplazar tecnologías rígidas por lo último en diseño web como lo es HTML5 y CSS3 (diseño web se refiere a todo, por cierto, no sólo la estética del sitio, también su programación en HTML y CSS por ejemplo).

      Saludos!

  15. edwin

    que tal gracias por el articulo, pero tengo una pregunta yo mis flash los subo para alojarlos en 4-shared u otro servicio de alojamiento como hago para poner esa ruta para que se vea mi swf en mi pagina web.

  16. Silvana

    Felicitaciones por tan clara explicación. En verdad, es la más útil que he encontrado, porque -entre otras cosas- las cronologías para mí son muy importantes. Saludos.

Deja un comentario

El email no se publica. Todos los campos obligatorios.