Tutorial para un Embedded Flash Video

Adobe Flash es una herramienta de creación de páginas web de usos múltiples. Se utiliza para crear todo tipo de contenidos para la web, a menudo animada y el usuario interactivo. Por ejemplo, muchos juegos y animaciones son creados usando flash. Pero, probablemente, el uso más común y ampliamente visto de flash está en reproducción de vídeo. YouTube, por ejemplo, utiliza Flash para mostrar su contenido de vídeo. Con el fin de reproducir vídeo Flash, necesita integrar el archivo de vídeo Flash (un archivo que termina en \ ". FLV \") en su sitio web utilizando HTML.

Instrucciones

Subir archivos al servidor Web

1 Guarde el archivo .flv que haya creado (el archivo que contiene el vídeo que le gustaría jugar en su sitio web) en su directorio web en su servidor web.

2 Descargar un reproductor de FLV. Un reproductor de FLV es necesario crear reproducir, pausar, detener y controles de volumen en la parte inferior de su vídeo flash. Dos de los más populares de código abierto (es decir, libres) reproductores FLV disponibles son JWPlayer y FlowPlayer (ver Recursos).

3 Sube los archivos FLV Player con su servidor web. Su reproductor FLV contendrá un archivo .js (JavaScript) y un archivo .swf (Flash), que se debe poner en su directorio web.

Insertar Flash Video utilizando JWPlayer

4 Abra su editor de texto favorito (Bloc de notas o TextEdit va a hacer) y escriba la siguiente línea de código HTML para cargar \ JWPlayer de archivo en su página web "js \.":

<Script type = "text / javascript" src = "swfobject.js"> </ script>

5 Crear un tag \ "div \" a donde se desea que el vídeo Flash para aparecer añadiendo el siguiente código HTML:

<Div id = "reproductor multimedia"> </ div>

6 Agregue el siguiente código JavaScript, para incrustar el archivo flash. Reemplazar \ "yourwebsite \" con el nombre real de su sitio web y \ "YourFlashVideoFile \" con el nombre real del archivo de vídeo de Flash:

<Script type = "text / javascript">
var so = new SWFObject ( 'player.swf', 'tela', '470', '320', '9', '# FFFFFF')
IR
so.addParam ( 'allowfullscreen', 'true')
IR
so.addParam ( 'allowScriptAccess', 'siempre')
IR
so.addParam ( 'embed', 'opaca')
IR
so.addVariable ( 'archivo', 'http: //www.YourWebsite.com/YourFlashVideoFile.flv')
IR
so.write ( 'MediaPlayer')
IR
</ Script>

7 Vaya a \ "Archivo> Guardar como, \" guardar el archivo como \ "MyFlashVideo.html \" y poner el archivo .html en el directorio web de su servidor web.

8 Con el navegador web, navegar a la página que ha creado. Usted podrá ver su juego de vídeo con todos los controles JWPlayer en la parte inferior de la pantalla.

Insertar Flash Video Usando Flowplayer

9 Abra su editor de texto favorito (Bloc de notas o TextEdit va a hacer) y escriba la siguiente línea de código HTML para cargar Flowplayer \ archivo en su página web "js \.":

<Script src = \ "flowplayer-3.2.0.min.js \"> </ script>

10 Crear una etiqueta \ "ancla \" a la que desea flash video que aparezca añadiendo el siguiente código HTML. Reemplazar \ "yourwebsite \" con el nombre real de su sitio web y \ "YourFlashVideoFile \" con el nombre real de su Flash Video presentar a continuación:

<a href=\"http://www.YourWebsite.com/YourFlashVideoFile.flv\&quot; style=\"display:block;width:425px;height:300px;\" id=\"player\">
</a>

11 Agregue el siguiente código JavaScript después de que el código anterior para combinar el video flash con los controles Flowplayer:

<Script language = \ "JavaScript \">
flowplayer (\ "jugador \", \ "flowplayer-3.2.0.swf \")
IR
</ Script>

12 Vaya a \ "Archivo> Guardar como, \" guardar el archivo como \ "MyFlashVideo.html \" a continuación, poner el archivo .html en el directorio web de su servidor web.

13 Con el navegador Web, acceda a su página web. Usted podrá ver su juego de vídeo con todos los controles Flowplayer en la parte inferior de la pantalla.