Tutorial per un video incorporato Flash

November 24

Tutorial per un video incorporato Flash


Adobe Flash è uno strumento web authoring multi-purpose. E 'utilizzato per creare tutti i tipi di contenuti per il web, spesso animato e interattivo con l'utente. Per esempio, molti giochi e animazioni vengono creati utilizzando Flash. Ma probabilmente l'uso più comune e ampiamente visto di Flash è in riproduzione video. YouTube, per esempio, utilizza Flash per visualizzare il contenuto video. Al fine di riprodurre video Flash, è necessario incorporare il file video Flash (un file che termina in \ ". Flv \") nel tuo sito web utilizzando HTML.

istruzione

Caricare file su server Web

1 Salvare il file .flv è stato creato (il file che contiene il video che si desidera per giocare sul vostro sito web) nella vostra directory web sul vostro server web.

2 Scarica un lettore FLV. Un lettore FLV è necessario creare il gioco, pausa, stop, e controlli del volume sulla parte inferiore del video flash. Due dei più popolari open-source (cioè, libero) i giocatori FLV disponibili sono JWPlayer e FlowPlayer (vedi Risorse).

3 Caricare i file FLV Player sul vostro server web. Il lettore FLV conterrà un file .js (JavaScript) e un file .swf (Flash), che si dovrebbe mettere nella vostra directory web.

Video Incorpora Flash utilizzando JWPlayer

4 Aprite il vostro editor di testo preferito (Blocco note o TextEdit farà) e digitare la seguente riga di codice HTML per caricare \ di JWPlayer file sul vostro pagina web "js \.":

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

5 Creare un \ tag "div \" al punto in cui si desidera che il video Flash ad apparire aggiungendo il seguente codice HTML:

<Div id = 'mediaplayer'> </ div>

6 Aggiungere il seguente codice JavaScript per incorporare il file Flash. Sostituire \ "yourwebsite \" con il nome effettivo del tuo sito web e \ "YourFlashVideoFile \" con il nome effettivo del file video Flash:

<Script type = "text / javascript '>
var so = new SWFObject ( 'mediaplayer.swf', 'strati', '470', '320', '9', '# ffffff')
ANDARE
so.addParam ( 'allowFullScreen', 'true')
ANDARE
so.addParam ( 'allowScriptAccess', 'sempre')
ANDARE
so.addParam ( 'wmode', 'opaque')
ANDARE
so.addVariable ( 'file', 'http: //www.YourWebsite.com/YourFlashVideoFile.flv')
ANDARE
so.write ( 'MediaPlayer')
ANDARE
</ Script>

7 Vai a \ "File> Salva con nome, \" salvare il file come \ "MyFlashVideo.html \" e mettere il file HTML nella directory web del server web.

8 Con il browser web, navigare a pagina creata. Vedrete il vostro gioco video con tutti i controlli JWPlayer sulla parte inferiore dello schermo.

Flash Video Incorpora Utilizzando Flowplayer

9 Aprite il vostro editor di testo preferito (Blocco note o TextEdit farà) e digitare la seguente riga di codice HTML per caricare Flowplayer \ file sul vostro pagina web "js \.":

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

10 Creare un tag \ "ancora \" al punto in cui si desidera che il video Flash appaia aggiungendo il seguente codice HTML. Sostituire \ "yourwebsite \" con il nome effettivo del tuo sito web e \ "YourFlashVideoFile \" con il nome effettivo del Flash file video qui sotto:

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

11 Aggiungere il seguente codice JavaScript dopo il codice qui sopra per combinare il video Flash con i comandi di Flowplayer:

<Script language = \ "JavaScript \">
Flowplayer (\ "giocatore \", \ "Flowplayer-3.2.0.swf \")
ANDARE
</ Script>

12 Vai a \ "File> Salva con nome, \" salvare il file come \ "MyFlashVideo.html \", quindi inserire il file .html nella directory web del server web.

13 Con il browser Web, accedere alla tua pagina web. Vedrete il vostro gioco video con tutti i controlli di Flowplayer sulla parte inferiore dello schermo.