ervdesign.net

Vamos a insertar facilmente un vídeo en nuestro blog, con un método parecido a YouTube. Lo bueno de los vídeos que vemos en YouTube, es la forma en que nos descargamos, a la vez vemos, los vídeos. En YouTube utilizan un gran método llamado streaming, consistente en que la descarga va unas centésimas de segundo por delante de la reproducción, con lo que el vídeo comienza a reproducirse prácticamente en el momento de seleccionarlo.

Abrimos nuestro Flash 8 y pulsamos ctrl+n para crear un nuevo documento. Seguidamente pulsamos ctrl+r para importar nuestro vídeo. Vamos a localizarlo.

Localizar el vídeo

Ahora escogemos la forma de importar, reproducir y descargar el vídeo a nivel de usuario, y seleccionamos streaming

Seleccionando Streaming

Llegamos a la ventana Codificación, en la que picamos sobre opciones avanzadas para poder escoger nuestro tamaño de vídeo, entre otras muchas opciones más como la calidad de reproducción o la compresión.

Ventana Codificación

Ahora vamos a escoger el juego de botones que más nos guste.

Botones de reproducción

Ahora nos debe aparecer la pantalla que da paso a la propia importación del vídeo por parte de flash, y a su vez, a la codificación y compresión, las verdaderas ventajas de usar vídeos con flash.

Finalizando

Guardamos nuestro proyecto flash con un nombre al uso.

Guardando el proyecto

Flash comienza a importar.

Importando

Una vez importado nuestro vídeo, podemos cambiar casi cualquier cosa en sus propiedades. Seleccionamos el vídeo y, por ejemplo, quitamos la reproducción automática, para que sean nuestros navegantes los que decidan si quieren ver el vídeo o no.

Opciones de vídeo

Para finalizar el proceso, ajustamos el tamaño de nuestra película para que nuestro vídeo quede bien ajustado. Sin tener nada seleccionado, pulsamos ctrl+F3, y dentro del panel de propiedades ajustamos el tamaño.

Tamaño del proyecto

Para finalizar e insertar el vídeo en un artículo de nuestro blog, teniendo el html activado en el editor que uséis, si lo usáis, metéis el siguiente código:

<object width="400" height="300"><param name="movie" value="guackha.swf"></param>
<embed src="guackha.swf" type="application/x-shockwave-flash" width="400" height="300">
</embed></object>

Es el código normal que implementa flash a sus html, pero reducido, tipo YouTube. Espero que con esto quede clara la manera se implementar un vídeo comprimido con flash, en un artículo nuestro, o en cualquier otro tipo de web. Siempre recordad un par de cosillas. Evidentemente, debéis tener un sitio donde subir el vídeo para su posterior reproducción, y así mismo poner los permisos correctos al directorio y a los ficheros.

11 Total TweetBacks: (Tweet this post)
  • : (for a.m. crowd) WHAT IF... on Earth Day 2010, we all turn off Twitter & every other media spigot? http://tr.im/EIvQ 11/11/09 04:05pm
  • : (for a.m. crowd) WHAT IF... on Earth Day 2010, we all turn off Twitter & every other media spigot? http://tr.im/EIvQ 11/11/09 04:05pm
  • : WHAT IF... on Earth Day 2010, we all turn off Twitter & every other media spigot? http://tr.im/EIvQ 11/11/09 03:59am
  • : WHAT IF... on Earth Day 2010, we all turn off Twitter & every other media spigot? http://tr.im/EIvQ 11/11/09 03:59am
  • : why did this guy @yaboydrito just tell me about the twerkteam superhead diss??? *sigh* really??? http://tr.im/EIvq 11/11/09 03:55am
  • en: We are adding some videos!!! http://www.youtube.com/bigbrothersuperpass 07/14/09 07:42pm
  • es: Popularidad en lenguajes de programación, estoy mas de acuerdo con http://langpop.com/ que con http://tinyurl.com/3xutoh .. que dicen? 07/14/09 06:20pm
  • en: interesting - July 2009 TIOBE Headline: #Objective-C on its way to top 20 thanks to success #iPhone - http://tinyurl.com/3xutoh 07/14/09 02:07am
  • en: @ManningBooks no preference really. mostly curiosity. #php is still a bit more popular accdg to #TIOBE - http://tinyurl.com/3xutoh 07/14/09 02:06am
  • vromo: Insertar video Flash en tu blog http://tinyurl.com/cuqkpj http://ff.im/-1VJmp 04/05/09 07:54am
  • vromo: Insertar video Flash en tu blog http://tinyurl.com/cuqkpj 04/05/09 07:38am

Etiquetado como: blog, design, Flash, vídeo, web

Artículos relacionados

Banner Fundación Vicente Ferrer

36 comentarios
  1. Muy buen post Enrique, eres un artista. Por cierto, tu “shikillo” pa comerselo.

    Un abrazo

    Comment por Javier Rodriguez25 Mayo 2006

  2. [...] Utilidades: Tutorial para crear un videoblog Tutorial en inglés Cómo añadir películas Quicktime a webs Userplane: AV Mail: Para grabar mensajes y ponerlos en tu blog. DownloadGoogleVideos.com: Para buscar, descargar y colgar en tu web los videos de Google Video. KeepVid: Descargar vídeos de Google, Youtube, iFilm, Putfile, Metacafe, DailyMotion. ñblog: Videoblogging o vlogging, videos en el blog Descarga de vídeos: Video Downloader, KeepVid. gabinetedeinformatica.net " Pasar vídeos de tu videocámara a un cd o Internet: I, II, y III. Punto y aparte: Guerra de formatos Tutorial YouTube ervdesign " Insertar video Flash en tu blog blogoff " Cómo poner un vídeo de YouTube en un blog [...]

    Pingback por Juglar :: Vídeos, videoblogs, vlogs :: December :: 20052 Junio 2006

  3. Hola, tengo un poco de lío con qué documentos de todos tengo que subir al blog y cuáles son exactamente las direcciones que tengo que poner en el código.
    Lo he probado de bastantes formas y no me funciona, aunque estoy empezando a pensar que sea porque en los blogs de ya.com no sea compatible.
    Si me podeis ayudar…
    Muchas gracias.

    Comment por Teresa — 7 Junio 2006

  4. Ciertamente creo que debería haber especificado un poco más ese tema, pero bueno, te lo comento ahora. A parte de tu archivo fuente con extensión *.fla, al terminar de exportar tu película, debes tener 3 archivos más, esto es:

    1 archivo ClearOverAll.swf
    Con los botones que escogiste
    1 archivo *.flv
    Con el video comprimido
    1 archivo *.swf
    Con la película exportada

    Pués bien. Yo uso WordPress, y he subido estos 3 archivos (el *.fla no hace falta), a la ráiz del blog, con lo que te ahorras el poner direcciones absolutas o relativas, simplemente pones el nombre del *.swf y te debe funcionar.

    Personalmente no se como funciona el blog de Ya.com, así que no se que decirte.

    Espero haberte ayudado ;-)

    Comment por Enrique7 Junio 2006

  5. Hola hice tal cual tu tutorial y llego al final pero no se como hacer que se vea en mi sitio blogger, tengo el Macromedia Dreamweaver 8 y el Macromedia Flash 8. como logro subir o poner en mi blog el video para que se vea como el video de tu bebe.
    saludos atte. si puedes me agregas renegad20@hotmail

    Comment por GUSTAVO — 23 Agosto 2006

  6. renegado20″hotmail.com esa es la dire

    Comment por GUSTAVO — 23 Agosto 2006

  7. Buenas Gustavo.

    Te agrego, lo resolvemos y lo publicamos aquí para que aprendemos todos, ok?

    Saludos.

    Comment por Enrique24 Agosto 2006

  8. Amigo me quedó muy claro lo del video, pero supón que tengo los videos en mpg1 o los tranformo en flv, lo subo a mi ftp como hago ahora para colocarlos en mi blog?
    me puedes mandar los lineamientos exactos de html.

    desde chile muchas gracias

    José Luis

    Comment por José Luis — 10 Septiembre 2006

  9. Hola!!Espero que me puedas ayudar.He seguido los pasos que indicas para crear mi video flash.He subido los archivos que indicaste(los dos archivos .swf)a la pagina de Filelodge y me ha dado una url de cada archivo. Ahora he creado una nueva entrada en mi blog y lo he puesto en lenguaje HTML y he copiado el código que indicaste arriba, pero lo que no se es donde debo colocar esas url(que he obtenido al subir los archivos a Fidelodge) para que salga el video y se reproduzca en el blog. Espero que me puedas ayudar. Graciaaas. Si no respondes por aqui, te escribo mi mail para responderme por alli. jiprc@hotmail.com

    Comment por Candela — 30 Septiembre 2006

  10. no me quedo muy claro todo esto, primero cuando te refieres a flash 8, a cual de todos los programas te refieres, yo tengo el flash 8 video enconder, y pues yo no se mucho de computacion pero no pude hacer lo que tu muestras alla arriba,

    Comment por rolando — 29 Octubre 2006

  11. Es Flash 8, la última versión, así de simple.

    Comment por Enrique29 Octubre 2006

  12. Sabes que, lo que pasa es que solo nos das el codigo que va en el HTML, pero no has dicho como subirlo, o que hay que agregar en el codigo. Porque para que nuestro video se vea en la web, necesitaria subirse, pero solo esta el codigo.. Como lo subo al archivo?????

    Comment por Maxis31 Octubre 2006

  13. Tengo la versión de flash mx.

    Quisiera, si es posible, que me expliques como incorporo películas creadas en flash a una “película madre”, pero que las cargue desde afuera a medida que avanza la presentación.

    Actualmente, como no se este proceso, yo las incorporo dentro de la película madre y esta presenta al final con un tamaño impresionante en mb.

    Espero haber sido claro. Gracias

    Francisco
    Catamarca
    Argentina

    Comment por Francisco9 Noviembre 2006

  14. esta muy padre la pagina, tengo una pregunta como puedo hacer una aplicacion en flash que grabe video durante mmm digamos 10 segundos, seria muy complicado hasta aurita ya revise la red y no hay ejemplos spero ke ustedes me puedan ayudar. un saludo muy afectuoso Leo

    Comment por Leonel — 10 Noviembre 2006

  15. Hola Enrique! tengo una página web, en la que también uso el método streaming mediante el MediaPlayer, pero lo que me gustaría hacer ahora es en unas misma ventana de la web, en la que aparece el Media Player, poder visionar diferentes videos en esa mismo Media Player. Estando cada uno de los videos unidos (Link) a una imagen diferente que tb aparecen en esa ventana de la web. No sé si me he explicado más o menos bien. Si puedes, y no te importa, contestame en mi email: mbrito2001@yahoo.com

    Gracias

    Comment por Cristina — 23 Noviembre 2006

  16. Buenas Cristina.

    Pásate por http://www.flashprofesional.com/foro/ y allí te resolveremos cualquier duda. Hago esto extensible a cualquier compañero que se quiera pasar por el foro.

    Saludos.

    Comment por Enrique23 Noviembre 2006

  17. Enrique, desde ya muy util la info, funciono a la perfeccion, pero aca va una duda,para probar subi un video chico y perfectooo!! pero al subir un video de 7mb se me queda en blanco la parte del video y queda la pagina cargando, sin mostrar digamos el primer frame como para poner el play y que vaya mostrando mientras baja, sabes porque puede ser??? o como lo puedo corregir?? desde ya mil gracias
    haa, podes ver lo que te digo en
    http://www.madrynbuceo.com/popup_video.htm ahi tengo subido el video chico y el grande

    Comment por Martin Prado30 Noviembre 2006

  18. Mira el comentario un poco más arriba ;-)

    Comment por Enrique30 Noviembre 2006

  19. Enrique
    mil gracias, el tema fue que aparentemente no subio bien el video por ftp, por suerte lo volvi a subir y funciono a la perfeccion asi que lo puse directemente en el home como presentacion, cualquier comentario tuyo de como quedo y si lo ves bien me gustaria, desde ya mil gracias y tu manual de como crearlo fue clarisimo
    MIL GRACIAS, ahora lo podes ver en http://www.madrynbuceo.com/home_esp.htm

    Comment por Martin Prado2 Diciembre 2006

  20. Marín, te quedó estupendo. Me alegra muchísimo que te haya servido ;-)

    Comment por Enrique2 Diciembre 2006

  21. hola un favor me sirvio de mucho tu manual pero me gustaria saber como poner un video dentro de una pagina totalmente hecha en flash por favor necesito tu ayuda gracias cristhian

    Comment por cristhian — 6 Diciembre 2006

  22. Hola.
    Felicidades muchas.(lindo niño)
    Excelente tutorial muchas gracias, seguí tus indicaciones y todo resultó.
    Pero devo consultar lo siguiente ¿como puedo hacer que los videos no se descarguen al abrir la página? ya que esto demora que la página de cargue normalmente. Me gustaría que los videos se descarguen cuando alguien desee verlos.
    Gracias y felicidades este año.

    Comment por Carlos8 Enero 2007

  23. Gracias Carlos.

    Lo que plantéas es fácil. Una vez insertado el video, lo seleccionas y miras en Parámetros. La primera opción “autoPlay”, la desactivas. Es todo.

    Saludos.

    Comment por Enrique8 Enero 2007

  24. Gracias por tu respuesta.
    Pero al parecer no me explique bien.
    Lo que tu me indicas ya lo habia hecho, con esto consigo que el video corra cuando alguien desea verlo.
    mi pregunta es otra:
    Me explico; al abrir mi pagina por primera vez esta se demora porque todos los videos se descargan al mismo tiempo, lo que queria era que la pagina se cargue solamente y cuando alguien desee ver un video este recien se descargue para verlo, independiente del auto play.
    Como en la página youtube.
    De ante mano gracias.
    Carlos

    Comment por Carlos8 Enero 2007

  25. a mi cuando trato de insertar un video en formato swf, me aparece el siguiente mensaje: “el archivo de origen blabla.wmv contiene un video en un formato no compatible y no puede codificarse”, quisiera saber como puedo hacer con esto? pues en realidad mi video ya esta el flash, es decir en formato swf, he probado con mpg, mpeg, avi y demas a ver si era eso, pero siempre me aparece el mismo mensaje, no se a que se pueda deber.

    Comment por KnxDT — 13 Enero 2007

  26. duda resuelta, faltaba lo del quicktime, que por cierto tiene su peso, ahora mi duda es referente al ctrl+f3, no sale nada :S

    Comment por KnxDT — 13 Enero 2007

  27. hola mira yo tengo un flash y lo quiero subir a mi pag como lo puedo hacer pliss respondelo en mi msn gracias xau

    Comment por xavex141 Febrero 2007

  28. Hola gracias por la infomacion era justo lo que buscaba pero tengo un problema que me funciona perfecto en mi computadora pero cuando subo todos los archivos al web resulta que solo me reproduce el video sin los controles de play, volumen etc etc nose a que se deba si pueden ayudarme les agradeceria mucho

    Comment por Jorge Lenis23 Febrero 2007

  29. Antes que nada déjame felicitarte por tremendo tutorial, así como agradecerte por el tiempo que te tomaste para realizarlo y sobretodo por respondernos.

    Ya logre desarrollar cada uno de los pasos (gracias a la ayuda de tu tutorial) pero cuando subo el video no se logra apreciar la barra de acciones, no sé si esté bien dicho; pero me refiero a las funciones de play, stop, volumen, etc.
    Leyendo unos menajes en tu blog mencionan que hay que subir tres archivos; yo logró subir el €œflv€y €œswf€ pero el problema es que al parecer el servidor en el que estoy no me permite ver el archivo donde están estos botones y que lleva el nombre de €œSteel ExternalAll.swf€ (la misma skin que tu aplicaste en tu video en la €œaplicación de aspectos€), algo muy raro porque también tienen la extensión €œswf€ y esta extensión si la puedo alojar en el servidor en el que estoy, mi pregunta es ¿Cómo le hiciste para subirla?, ¿será que haya alguna otra forma de poner estos botones? o ¿Cómo puedo poner esta función en el mismo programa de flash?
    Te agradecería infinitamente cualquier asesoría o me des un link para poder aclarar estas dudas.
    Saludos.
    Atte.: Francisco

    Comment por Analfabeto — 9 Marzo 2007

  30. Gracias por los halagos :P no los merezco.

    Bueno. La verdad es que tu problema me ha dejado un poco descolocado, ya que como bien dices, es muy raro que te deje subir archivos swf pero el de la skin no.

    La verdad es que en mi hosting no tengo este tipo de problema, y no se como debes actuar, así que pásate por http://flashprofesional.com/foro/ y plantéanos allí tu problema; seguro que entre Antonio y Javi, te lo solucionan :-)

    Saludos.

    Comment por Enrique9 Marzo 2007

  31. Amigo muchas gracias por responder y por tu consejo, por gente como tú la humanidad avanza, al compartir sus conocimientos.
    Iré a darme una vuelta por allá.
    Saludos.

    Comment por Analfabeto — 9 Marzo 2007

  32. hola!!

    ojala me puedas ayudar en fin ise un reproductor de videos en flash para pagina web tengo todo creado la lista y todo y funciona bien pero… no me se el codigo de autorun para ponerselo en mi css digamos tengo mi css listo con la lista todo digamos un ejemplo:

    Alexis & Fido - Eso ehh
    guss
    Alexis & Fido - Eso ehh.flv

    ese es un track pero aki

    Alexis & Fido - Eso ehh
    yo se k despues del nombre de la cancion va una palabra creo k es autorun

    porke al iniciar la pagina le tienen k dar clik al video para iniciar y cuando se akaba se pone el fondo negro kisiera k continuara al video k sige…

    si me puedes ayudar porfavor comentalo…

    saludos!!

    Comment por guss__guss — 17 Marzo 2007

  33. Me encanta que comentéis los artículos, es más, me llena de orgullo, pero como sabéis los comentariso están para “comentar” algún aspecto en particular coo habéis hecho muchos de vosotros. Os rogaría, que para cualquier otra duda, acudáis a http://flashprofesional.com/foro/ ya que allí si que se pueden resolver todo tipo de dudas,es un foro, y ese es su cometido.

    Un saludo y mil gracias.

    Comment por Enrique18 Marzo 2007

  34. Gracias tio, la gente como tu que emplea su tiempo y comparte sus conocimientos es la que hace grande la red.

    Comment por jorge — 16 Abril 2007

  35. muchas gracias por el tutorial como insertar video en mi web. VERY COOL. al pedir que se abra el FlashVideo me pide una World Weide Web location (URL) . donde consigo esta url ?? gracias y saludos.

    Comment por mario — 22 Abril 2007

  36. Necesito saber como pueden descargar un video de mi pagina, haciendo click sobre el nombre, y que le aparezca (guardar como) directamente.Yo lo vi en algunas páginas pero no se que codigo htm será.. Gracias..Nic

    Comment por Nic26 Abril 2007

RSS feed for comments.

Disculpa, los comentarios están cerrados.