Come avere più di un FLV Player su una pagina web

March 18

video Flash in formato FLV è lo standard industriale per il video on-line di oggi. (FLV sta semplicemente per "Flash Video.") Il formato FLV è utilizzato da YouTube, Google Video, Yahoo! Video, Metacafe e Reuters.com, ed è compatibile con la maggior parte dei sistemi operativi. Non è difficile da inserire diversi giocatori video FLV sulla stessa pagina se si conoscono le basi della programmazione HTML.

istruzione

Primo Giocatore FLV

1 Carica i seguenti file Flowplayer di una cartella sul sito: Flowplayer-3.1.4.min.js; Flowplayer-3.1.4.swf; e flowplayer.controls-3.1.5.swf. Carica i tuoi video FLV nella stessa cartella.

2 Inserire il seguente codice in qualsiasi punto intestazione HTML:

<Script src = "Flowplayer-3.1.4.min.js"> </ script>
Inserire il seguente codice nel tuo corpo HTML:
<Div class = "DirectHTML1_nm" id = stile "DirectHTML1" = "width: 300px; height: 200px; position: absolute; overflow: hidden; top: 100px; sinistra: 100px;">
<A href = stile "YourVideo.flv" = "display: block; width: 300px; height: 200px;" id = "giocatore">
</a>
<Script language = "JavaScript"> Flowplayer ( "giocatore", "Flowplayer-3.1.5.swf");
</ Script>
</ Div>

3 Cambiare tutto altezza (300) e la larghezza (200) variabili alle vostre specifiche dimensioni. Modificare le variabili "sinistra" "top" e alle vostre specifiche di posizione. Cambiare "YourVideo.flv" per il nome del file video FLV.

Ulteriori giocatori FLV

4 Inserire il seguente codice nel tuo corpo HTML, dopo il codice precedente:
<Div class = "DirectHTML2_nm" id = stile "DirectHTML2" = "width: 300px; height: 200px; position: absolute; overflow: hidden; top: 400px; sinistra: 400px;">
<A href = stile "YourVideo2.flv" = "display: block; width: 300px; height: 200px;" id = "player2">
</a>
<Script language = "JavaScript"> Flowplayer ( "player2", "Flowplayer-3.1.5.swf");
</ Script>
</ Div>

5 Cambiare tutto altezza (300) e la larghezza (200) variabili alle vostre specifiche dimensioni. Modificare le variabili "sinistra" "top" e alle vostre specifiche di posizione. Cambiare "YourVideo2.flv" per il nome del file video FLV.

6 Ripetere questo codice tutte le volte che ti piace l'utilizzo di variabili dimensioni e dalla posizione unica. In ogni ripetizione, modificare "DirectHTML #" e "giocatore #" in modo che "#" è uguale a "3", "4", e così via per ogni giocatore aggiuntivo. Carica la pagina web al tuo sito web. Ora prova su diversi browser.

Consigli e avvertenze

  • Se i file di Flowplayer si trovano in una cartella diversa o anche su un altro server, modificare il codice nell'intestazione come segue: <script src = "Percorso / Flowplayer-3.1.4.min.js"> </ script> ( "PATH" può essere una cartella locale o un sito esterno.)
  • Allo stesso modo, se il video FLV è in una diversa cartella o su un altro server, modificare il codice nel corpo come segue: <a href = "PATH / YourVideo.flv" stile (ecc ...) "