Wie man mehrere FLV-Player auf einer Webseite haben

January 11

Flash-Videos im FLV-Format ist der Industriestandard für online Video heute. (FLV steht einfach für "Flash-Video.") Das FLV-Format wird von YouTube, Google Video, Yahoo! Video, Metacafe und Reuters.com verwendet, und es ist kompatibel mit den meisten Betriebssystemen. Es ist nicht schwierig, mehrere FLV-video-Spieler auf der gleichen Seite einbetten, wenn Sie die Grundlagen der HTML-Programmierung kennen.

Anweisungen

Ersten FLV-Player

1 Laden Sie die folgenden Flowplayer-Dateien in einen Ordner auf Ihrer Website: Flowplayer-3.1.4.min.js; Flowplayer-3.1.4.swf; und flowplayer.controls-3.1.5.swf. Laden Sie Ihre FLV-Videos im gleichen Ordner.

2 Fügen Sie den folgenden Code an einer beliebigen Stelle in Ihrer HTML-Header:

< script Src = "Flowplayer-3.1.4.min.js" >< / script >Fügen Sie folgenden Code in Ihre HTML-Körper:< Div-Klasse = "DirectHTML1_nm" Id = "DirectHTML1" Style = "Width: 300px; Höhe: 200px; Position: absolute; Overflow: hidden; oben: 100px; Links: 100px; " >< a href="YourVideo.flv" Stil = "Anzeige: blockieren; Breite: 300px; Höhe: 200px; "Id ="Player"></a >< Skriptsprache = "JavaScript" > Flowplayer ("Player", "Flowplayer-3.1.5.swf");< / script >< / Div >

3 Ändern Sie alle Höhe (300) und Breite (200) Variablen in Ihrer Größe-Spezifikationen. Ändern Sie die Variablen "Top" und "linken" nach Ihren Vorgaben Stellung. "YourVideo.flv" zu Ihrem FLV video Dateinamen zu ändern.

Zusätzliche FLV-Player

4 Fügen Sie folgenden Code in Ihrem HTML-Körper, nachdem der vorherige Code:< Div-Klasse = "DirectHTML2_nm" Id = "DirectHTML2" Style = "Width: 300px; Höhe: 200px; Position: absolute; Overflow: hidden; oben: 400px; Links: 400px; " >< a href="YourVideo2.flv" Stil = "Anzeige: blockieren; Breite: 300px; Höhe: 200px; "Id ="Spieler2"></a >< Skriptsprache = "JavaScript" > Flowplayer ("Spieler2", "Flowplayer-3.1.5.swf");< / script >< / Div >

5 Ändern Sie alle Höhe (300) und Breite (200) Variablen in Ihrer Größe-Spezifikationen. Ändern Sie die Variablen "Top" und "linken" nach Ihren Vorgaben Stellung. "YourVideo2.flv" zu Ihrem FLV video Dateinamen zu ändern.

6 Wiederholen Sie diesen Code so oft wie Sie auch einzigartige Größe und Position Variablen benutzen. In jeder Wiederholung sodass "DirectHTML-" und "Spieler-" "#" "3", "4" und So weiter für jeden weiteren Spieler gleich ist. Hochladen Sie die Webseite auf Ihre Website. Testen Sie es jetzt auf verschiedenen Browsern.

Tipps & Warnungen

  • Wenn die Flowplayer-Dateien in einen anderen Ordner oder sogar auf einem anderen Server befinden, ändern Sie den Code im Header folgendermaßen: < src="PATH/flowplayer-3.1.4.min.js-Skript" >< / script > ("Pfad" kann sein, einen lokalen Ordner oder einer fremden Website.)
  • Ebenso, wenn Ihre FLV-Videos in einem anderen Ordner oder auf einem anderen Server ist, ändern Sie den Code im Körper wie folgt: < a href="PATH/YourVideo.flv" Stil (usw....) "

SIE KÖNNEN AUCH GERNE