FLV-Video-Player | alternative Lösung

babulski · **Posted:** Thu Aug 02, 2007 11:19 pm

Ein Kunde von mir benötigte ein Tool, um Flash-Videos (.flv) im Content einzubinden.

Mit dem bekannten FLV-Player-Modul gab es unerwartete Probleme unter 0.1.3.
Also habe ich kurzerhand einen eigenen, alternativen Workaround entwickelt.

Was man braucht?

1. Die SWFObject-Library
-> Download: http://blog.deconcept.com/swfobject/

2. Einen sog. FLV-Wrapper, in diesem Fall: JW FLV PLAYER
-> Download: http://www.jeroenwijering.com/?item=Flash_video_Player

3. eine CMSMS-function / Tag
dazu später mehr ...

Wie machen?

1. Das SWF-Objects-Script in die Seite einbinden: am besten im template

Code:

2. Den FLV-Player (flvplayer.swf) per FTP hochladen; zum Besipiel ins Verzeichnis "uploads/Flash"

3. die CMSMS-function 'flv_player' (Details gleich) ins Verzeichnis "pfad_zum_cms/plugin" kopieren

4. im Content folgenden Tag einfügen:

Code:

{flv_player file='name_der_datei.flv' titel='Titel des Filmes'}

Jetzt also endlich die CMSMS-function:

Im Texteditor deiner Wahl folgendes einfügen:

Code:

<?php
#CMS - CMS Made Simple
#(c)2004 by Ted Kulp (wishy@users.sf.net)
#This project's homepage is: http://cmsmadesimple.sf.net
#
#This program is free software; you can redistribute it and/or modify
#it under the terms of the GNU General Public License as published by
#the Free Software Foundation; either version 2 of the License, or
#(at your option) any later version.
#
#This program is distributed in the hope that it will be useful,
#but WITHOUT ANY WARRANTY; without even the implied warranty of
#MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
#GNU General Public License for more details.
#You should have received a copy of the GNU General Public License
#along with this program; if not, write to the Free Software
#Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

function smarty_cms_function_flv_player($params, &$smarty)
{
   global $gCms;

   $text = '';
   $source_start = '<p style="text-align: center;" id="flvplayer">Sie brauchen den <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a>, um diesen Film zu sehen.</p>
   <script type="text/javascript">
      var so = new SWFObject(\'uploads/Flash/flvplayer.swf\',\'player\',\'400\',\'400\',\'7\');
      so.addParam("allowfullscreen","true");
      so.addVariable("displayheight","300");';
   $source_end = 'so.write(\'flvplayer\');
   </script>';
   
   if( !empty($params['file'] ) )
   {
      $text = $source_start .= 'so.addVariable("file","'.$params['file'].'");';

            if( !empty($params['titel'] ) )
            {
               $text .= 'so.addVariable("title","'.$params['titel'].'");';
            } else {
               $text .= 'so.addVariable("title","FLV-Player");';
            }
            
      $text .= $source_end;
   } else {
      $text = '<!-- kein flv-video zum anzeigen! -->';
   }
   return $text;   
}


function smarty_cms_help_function_flv_player()
{
  ?>
  <h3>Was macht dieses plugin?</h3>
  <p>Es ruft den FLV-Videoplayer auf und bindet die gewünschte FLV-Datei ein</p>
  <h3>Wie setzt man es ein</h3>
  <p>Einfach dieses  plugin ins template/in die Seite einsetzen: <code>{flv_player file='video.flv'}</code></p>
  <h3>Welche Parameter gibt es?</h3>
  <ul>
     <li><em>(verpflichtend)</em>  <tt>file</tt> - Dateiname des Filmes; muss im gleichen Verzeichnis liegen wie der FLV-Player -> z.B. uploads/Flash.</li>
     <li><em>(optional)</em>  <tt>titel</tt> - Titel des Filmes. Standard ist 'FLV-Player'</li>
  </ul>
  <?php
}


function smarty_cms_about_function_flv_player() 
{
?>
  <p>Author:  hoppengarten•com</p>
  <p>Version 1.0</p>
<?php
}

?>

Als 'function.flv_player.php' abspeichern und ins o.g. plugin-Verzeichnis kopieren.

Die Funktionalität dieses Tags reicht meinem Kunden vollendst aus.
Bei Bedarf kann man die Funktionen leicht erweitern:

die Variable $text speichert den Sourcecode, der an den Player übergeben wird. Es ist leicht, zusätzlich benötigte Variablen per

Code:

$text .= 'so.addVariable("variablen_name","'.$params['parameter'].'");';

einzubinden.
Details zu den so.variablen gibt es übrigens hier -> http://www.jeroenwijering.com/extras/readme.html

Hinweise:

Der Abschnitt

Code:

<script type="text/javascript">
      var so = new SWFObject(\'uploads/Flash/flvplayer.swf\',\'player\',\'400\',\'400\',\'7\');
      so.addParam("allowfullscreen","true");
      so.addVariable("displayheight","300");';
   $source_end = '   so.write(\'flvplayer\');
   </script>';

Erzeugt das Grundgerüst.

a) der FLV-Player liegt im Verzeichnis 'uploads/Flash'
b) die Standardgröße des Films beträgt 400x300 px.

Ich hoffe, ich konnte hiermit irgendwem helfen ...

maggy · **Joined:** Wed May 04, 2005 10:27 am **Posts:** 37

Super babulski

sowas hab ich gerade gesucht

cyberman · **Posted:** Mon Aug 06, 2007 10:43 am

Besten Dank für die Vorstellung dieser Lösung

!

babulski · **Posted:** Mon Aug 06, 2007 6:46 pm

de nada, señor - und, wie ich sehe, hast du den eintrag ins richtige unterforum bugsiert

hoffe, der honeymoon war wie er sein sollte!

cyberman · **Posted:** Mon Aug 06, 2007 7:53 pm

babulski wrote:

hoffe, der honeymoon war wie er sein sollte!

Danke der Nachfrage - arbeitsbedingt leider zu kurz, aber ansonsten optimal

.

mor_dark · **Posted:** Mon Oct 15, 2007 12:30 am

Hi, arbeite grade an einem Player für nen kunden wo Alle Parameter über den modultag

Code:

{cms_module module=FLVMovie movie="filme/testfilm.flv" height="480" width="320" showvolume="0" autostart="1"}

also auf jeder Seite in unterschiedlicher Größe usw eingebunden werden können.
außerdem können auch playlist etc erstellt werden.

basiert auf dem swfobjekt 2.0 ( noch in der beta)
und diesem Player http://flv-player.net/players/multi/
der frei verfügbar ist

wenn Interesse besteht kann ich ihn noch nen bissel erweitern, z.b. ne Grund Konfiguration mit Farben usw. im admin.

ansonsten spar ich mir die Arbeit da der kunde des net brauch (-;

cyberman · **Posted:** Tue Oct 16, 2007 6:09 pm

Derartige Ergänzungen sind immer erwünscht

...

NaN · **Posted:** Thu Oct 25, 2007 11:12 am

Gibt es eine Möglichkeit dem Player auch zu sagen, dass er alle Videos, die in diesem Verzeichnis sind anzeigt? Es müssen nicht unbedingt 20 Player untereinander gleichzeitig auf der Seite sein. Es würde reichen, wenn stattdessen einfach eine Link-Liste aller vefügbaren Videos angezeigt wird, die dann per Klick abgespielt werden können.

babulski · **Posted:** Thu Oct 25, 2007 1:52 pm

Jau. Das geht. Und zwar über die Playlist-Funktion.
Wie man diese erzeugt/einbindet kannst du hier nachlesen:

http://www.jeroenwijering.com/extras/readme.html#playlists

skibby · **Joined:** Sat Oct 04, 2008 11:03 pm **Posts:** 83

HI,
erstmal vielen vielen Dank. Suche sowas schon seit ner ewigkeit. Es klappt soweit auch alles. Allerdings taucht bei mir ein Fehler auf wenn ich 2 Videos untereinander setzen möchte. Es wird mir immer nur 1 Video angezeigt und zwar das letzte!

Warum auch auch immer nimmt der dimmer das letzte Video welches im Code drin steht. Weiss da einer rat?

Was cool wäre, wenn man so eine Struktur wie bei Youtube rein bekommt. Ist sowas in der Art möglich?? Wenn ja wie geht'n das?? Bin so super vertraut noch nicht mit der ganzen sache.

Lieben Gruß
skibby

Ps: Das ganze kann man sich unter http://david-behr.de/motorsport/Videos- ... Clubsport/ ansehen. Im Quelltext stehen auch die Videos richtig drin!

hExapod4 · **Joined:** Fri Nov 07, 2008 9:03 am **Posts:** 40

Gibt es auch eine Funktion der Endlosschleife und eine Funktion zum automatischen Starten???

cyberman · **Posted:** Sat Jan 02, 2010 11:11 pm

Zumindest sind hier

http://developer.longtailvideo.com/trac ... 5FlashVars

die Parameter autostart und repeat zu finden ...

necromancer · **Joined:** Wed Aug 31, 2011 9:19 am **Posts:** 1

mor_dark wrote:

Hi, arbeite grade an einem Player für nen kunden wo Alle Parameter über den modultag

Code:

{cms_module module=FLVMovie movie="filme/testfilm.flv" height="480" width="320" showvolume="0" autostart="1"}

also auf jeder Seite in unterschiedlicher Größe usw eingebunden werden können.
außerdem können auch playlist etc erstellt werden.

@mor_dark

Hallo mor_dark,
kannst Du Deine Anpassungen hier posten ?
Würde mich sehr freuen ;-)

Vielen Dank
Necromancer

FLV-Video-Player | alternative Lösung

Who is online