Hur man har mer än en FLV Player på en webbsida

January 19

Flash-video i FLV-format är branschstandard för online video idag. (FLV står helt enkelt för "Flash Video.") FLV-formatet används av YouTube, Google Video, Yahoo Video, Metacafe och Reuters.com, och den är kompatibel med de flesta operativsystem. Det är inte svårt att bädda in flera FLV videospelare på samma sida om du känner till grunderna i HTML-programmering.

Instruktioner

Första FLV Player

1 Ladda upp följande Flowplayer filer till en mapp på din webbplats: Flowplayer-3.1.4.min.js; Flowplayer-3.1.4.swf; och flowplayer.controls-3.1.5.swf. Ladda upp dina FLV video till samma mapp.

2 Sätt följande kod var som helst i HTML-huvudet:

<Script src = "Flowplayer-3.1.4.min.js"> </ script>
Infoga följande kod i din HTML kropp:
<Div class = "DirectHTML1_nm" id = "DirectHTML1" style = "width: 300px; height: 200px; position: absolute; overflow: hidden; top: 100px; vänster: 100px;">
<A href = "YourVideo.flv" style = "display: block; width: 300px; height: 200px;" id = "spelare">
</a>
<Script language = "JavaScript"> Flowplayer ( "spelare", "Flowplayer-3.1.5.swf");
</ Script>
</ Div>

3 Ändra alla höjd (300) och bredd (200) variabler som din storlek specifikationer. Ändra "toppen" och "vänster" variabler dina positionsuppgifter. Ändra "YourVideo.flv" till din FLV video filnamn.

Ytterligare FLV-spelare

4 Infoga följande kod i din HTML kroppen, efter föregående kod:
<Div class = "DirectHTML2_nm" id = "DirectHTML2" style = "width: 300px; height: 200px; position: absolute; overflow: hidden; top: 400px; vänster: 400px;">
<A href = "YourVideo2.flv" style = "display: block; width: 300px; height: 200px;" id = "player2">
</a>
<Script language = "JavaScript"> Flowplayer ( "player2", "Flowplayer-3.1.5.swf");
</ Script>
</ Div>

5 Ändra alla höjd (300) och bredd (200) variabler som din storlek specifikationer. Ändra "toppen" och "vänster" variabler dina positionsuppgifter. Ändra "YourVideo2.flv" till din FLV video filnamn.

6 Upprepa denna kod så många gånger som du vill med unika storlek och läge variabler. I varje upprepning, modifiera "DirectHTML #" och "spelare #" så att "#" är lika med "3", "4", och så vidare för varje ytterligare spelare. Ladda upp webbsidan till din webbplats. Nu testa den på olika webbläsare.

Tips

  • Om Flowplayer filer i en annan mapp eller på en annan server, modifiera koden i huvudet på följande sätt: <script src = "sökväg / Flowplayer-3.1.4.min.js"> </ script> ( "PATH" kan vara en lokal mapp eller en extern webbplats.)
  • Likaså om din FLV video är i en annan mapp eller på en annan server, modifiera koden i kroppen på följande sätt: <a href = "PATH / YourVideo.flv" stil (etc ...) "

        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2019 Astrixsoft.com | Contact us: webmaster# astrixsoft.com