Video Player gesucht

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[Metal-Overdrive]

Hallo Gemeinde 

ich bin gerade mal so auf die Idee gekommen auf meiner Seite einen Videoplayer für selbst gehostete Videos zu implementieren. Da ich mich mit dem Thema aber noch nie so wirklich auseinnder gesetzt habe, hab mich zu Google begeben und mal fleissig drauflos gesucht was es da so alles gibt und was man eventuell beachten muss. Schlauer geworden bin ich dadurch jetzt aber nicht wirklich... So viele Formate, so viele Player, usw usw...

Da dachte ich mir, vielleicht gibt es ja hier schon jemanden der so etwas umgesetzt hat oder sich ein wenig mit der Materie auskennt. Also, was suche ich?

Ich suche einen Player der in allen gängigen Browsern und auch auf mobilen Geräten wie Apples iOS oder Googles Android funktioniert. Dafür möchte ich meine Videofiles aber wenn möglich nicht in zig Formaten vorhalten, sondern ich suche wahrscheinlich ein Format das man auch als eierlegende Wollmilchsau bezeichen könnte.
Naja, und die Implementierung in Pragma sollte auch nicht so schwierig sein und wenn möglich keine anderweitigen Konflikte auslösen.

Also, kennt von euch jemand so einen Player, welches Format würdet ihr empfehlen, was benutzt ihr für eure Zwecke?

Gruß Metal-Overdrive

[_icke_]

Wie wäre es mit dem JW Player: http://www.longtailvideo.com/

Leichte Einbindung, dutzende Plugins, unterstützt auch HTML5

VG Marc

[Metal-Overdrive]

Hallo Marc,

ja, der sieht doch mal nicht schlecht aus. Hast du den evtl schon eingebunden und kannst mir ein wenig Hilfestellung geben? Englisch ist leider nicht so ganz mein Ding ;(

Ansonsten mach ich mich da am Wochenende mal ran und probiere ein wenig...

[_icke_]

Hi,

ich hab schon einige Seiten zusammengebastelt mit dem Player. Macht sich sehr gut und läuft zuverlässig.

Ich empfehle dir den JW Embedder-Code mit den Modes zu nutzen. Also Flash und HTML5 mit Fallback: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18508/jw-embedder-modes

Die JavaScript-Datei in den Header und dann kann es auch schon losgehen.

Wenn Du Fragen hast, schieß los.

VG Marc

[Metal-Overdrive]

Moin!

So, hat leider etwas länger gedauert bei mir   aber ich habe tatsächlich eine Frage zur Einbindung des Players.

Habe folgendes ganz am Ende der my_header.php eingefügt:

Code: [Select]  

echo '<script type="text/javascript" src="videos/player/jwplayer.js"></script>';

?>

Und wenn ich jetzt im Inhaltsmanager eine neue Seite mache und folgenden Code eingebe

Code: [Select]  

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

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

<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'id': 'playerID',
    'width': '352',
    'height': '288',
    'file': '/videos/test.mov',
    'image': '/videos/player/preview.jpg',
    'modes': [
        {type: 'html5'},
        {type: 'flash', src: 'player.swf'},
        {type: 'download'}
    ]
  });
</script>

passiert leider gar nichts. Die Pfade habe ich schon überprüft, kann das Video auch direkt aufrufen.

Hast du _icke_ oder jemand anderes eine Idee was ich falsch gemacht oder vergessen habe?


Edit: Ah, manchmal muss man einfach drüber schreiben um den Fehler zu finden... Natürlich sollte der Pfad zur player.swf auch stimmen...

Ich lass den Beitrag mal noch offen, vielleicht stoße ich ja doch noch über einen Fehler. Muss jetzt erstmal eben wech...

[_icke_]

Hallo,

Code: [Select]  

echo '<script type="text/javascript" src="videos/player/jwplayer.js"></script>';

?>

wenn Du das schon in der my_header hast, muss das in die eigentlich playereinbindung nicht rein.

Ändere mal den div zu:

Code: [Select]  

<video id="$id"> ... </video>

und dann 

Code: [Select]  

'modes': [

zu 

Code: [Select]  

'players': [

, bzw versuch erstmal nur den FlashPlayer zum laufen zu bekommen also ohne die Fallbacks zu HTML5 und Download.

Achso, das mit den Files ist auch nicht richtig. Die müssen für jede Version also Flash/ HTML5 und Download separat festgelegt werden. Anbei ein Codeschnipsel der funzt.

Code: [Select]  

<video id="Player"></video>
    <script type="text/javascript">
        jwplayer("Player").setup({
            'height': '308',
            'width': '512',
            'plugins': 'hd',
            'hd.state': 'false',
            'hd.fullscreen': 'true',
            'dock': 'false',
            'controlbar': 'bottom',
            'skin': '/classic/classic.xml',
            'image': 'undefined', <!-- Default: undefined -->
            'autostart': 'true',

            'players': [
                {type: 'flash', src: '/flash/player/player.swf', config: {
                    'file': 'http://...MP4H264_m_16_9_512x288.mp4',
                    'hd.file': 'http://...MP4H264_l_16_9_960x544.mp4',
                    'provider': 'http',
                },
                {type: 'html5', config: {
                    'file': 'http://...clip_MP4H264_m_16_9_512x288.mp4',
                    'hd.file': 'http://...clip_MP4H264_l_16_9_960x544.mp4',
                    'provider': 'http'}
                },
                {type: 'download', config: {
                    'file': 'http://...clip_MP4H264_m_16_9_512x288.mp4',
                    'hd.file': 'http://...clip_MP4H264_l_16_9_960x544.mp4',
                    'provider': 'http'}
                }]
        });
    </script>

Viel Glück!

Wenn es dann immernoch nicht geht, melde Dich. Nen Link zum Ansehen wäre dann ganz gut.

Viele Grüße

Marc

[Metal-Overdrive]

Hallo Marc,

vielleicht hast du mein obriges "Edit" übersehen, aber eigentlich funzt der Player, soweit ich das sehen kann.

Hab es mittlerweile mit IE8, FF5, Safari5 und iPhone testen können. Funktioniert überall.

Deinen Code habe ich einmal ausprobiert, aber leider nicht zum laufen bekommen. (bekomme eine leere Seite)

Ach ja, hier noch der gewünschte Link: http://wiesenfete.de/Content-pa-showpage-pid-8.html (kann später gelöscht werden, ist nur zum testen...

Vielleicht kannst du ja mal einen Link zu deiner Version geben das ich mir mal anschauen kann wie die aussieht.

[_icke_]

Achso, hatte ich leider übersehen. Aber es sieht doch gut aus.

Das Du mit dem Code nichts gesehen hast, liegt vielleicht am Pfad zur player.swf.

Hier mal ein Beispiel mit HD-Umschaltung: http://tinyurl.com/42qxaql

Viele Grüße

Marc

[Metal-Overdrive]

Können vielleicht noch mal ein paar andere Leute sich die Seite anschauen die andere Browser verwenden und hier ein kurzes Feedback abgeben? Würde gerne wissen ob der Player eine eierlegende Wollmilchsau ist und auf relativ vielen System lauft. Dann würde ich das nämlich so belassen.

Bereits getestet mit:

IE8
FF5
Safari 5
iPhone Safari

Danke!

[_icke_]

Hi,

ich würde die Reihenfolge von HTML5 und Flash ändern. Damit würden sich die auch besser testen lassen.

Ich habs mit IE9 (HTML5) versucht -> OK, Flash kann ich nicht testen, da HTML5 Prio1 hat
mit dem FF4 gehts nur als Flash, wenn das Flash-Plugin deaktiviert ist, gehts auf den Download
mit Chrome (Version 12.0.7irgendwas): HTML5 geht, Flash siehe IE9

Viele Grüße

Marc

[goodssale]

Hallo,
Habe es mit dem IPad 2 und dem Mercuri Browser getestet,
Geht einwandfrei.

Grüße Heinz

[Metal-Overdrive]

So, habe deinen Ratschlag mal bevolgt und die Reihenfolge geändert.

Eine letzte Frage (hoffentlich) habe ich aber noch zu dem Player. Hört sich jetzt vielleicht ein wenig dumm an, aber ich bekomme den Player einfach nicht mittig (center) auf die Seite. Hat da vielleicht jemand nochmal ne Idee?

Danke!