JW VideoPlayer - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

JW VideoPlayer

Scripte > Multimedia


JW VideoPlayer für Flash & HTML5.

HTML5

Mit dem "JW Player" binden man Videos auf der eigenen Website ein.
Der Player unterstützt sowohl Flash als auch HTML 5 - Videos lassen sich also sowohl auf dem Computer als auch auf iPhone und iPad abspielen.
Neben der reinen Abspielfunktionalität bietet der "JW Player" zahlreiche Erweiterungs- und Anpassungsmöglichkeiten. So
kann man den Player mit unterschiedliche Skins verändern und Playlisten einbinden.

Zip-Datei entpacken und Verzeichnis "jwplayer" auf den Server laden. Dem Zip-Paket liegen keine Videofiles bei.

Es werden hier nur einige Möglichkeiten gezeigt.
Weitere Anwendungsmöglichkeiten siehe Homepage:

Homepage JW Player


Single Play Mode


Playlist Mode und Skin

Laden des Players...
Laden des Players...


Code für den HEAD-Bereich:


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


Code für den HEAD-Bereich:


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


Code für das HTML-Objekt:

<div id="container1">Laden des Players...</div>
<script type="text/javascript">
jwplayer("container1").setup({
 flashplayer: "jwplayer/player.swf",
 autostart: false,
 controlbar: "bottom",
 volume: 80,
 file: "jwplayer/files/big_buck_bunny.mp4",
 image: "jwplayer/files/big_buck_bunny.jpg",
 duration: 596,
 height: 300,
 width: 400
 });
</script>


alternativ:
<video src="jwplayer/files/big_buck_bunny.mp4"  
height="270"  
id="container1"  
poster="jwplayer/files/big_buck_bunny.jpg"
width="400">
</video>
<script type="text/javascript">
jwplayer("container1").setup(
flashplayer: "jwplayer/player.swf"
);
</script>


Individuelle Parameter:
flashplayer = Pfad player.swf
autostart = Autostart ja oder nein (true/false)
controlbar = Zeigt die Controlbat (bottom/none)
volume = Lautstärkevoreinstellung
file = Pfad Videofile
image = Pfad Imagefile
poster = Pfad Imagefile
duration = Titellänge in Sekunden
heigt = Playerhöhe
widht = Playerbreite


Code für das HTML-Objekt:

<div id="container">Laden des Players...</div>
<script type="text/javascript">
jwplayer("container").setup({
 flashplayer: "jwplayer/player.swf",
 
volume: 80,
 playlist: [
 { duration: 596, file: "jwplayer/files/big_buck_bunny.mp4",
 image: jwplayer/files/big_buck_bunny.jpg" },
 { duration: 166, file: jwplayer/files/crazy_frog_popcorn.mp4",
 image: "jwplayer/files/crazy_frog_popcorn.jpg" },
 { duration: 179, file: jwplayer/files/crazy_frog_champions.mp4",    
 image: "jwplayer/files/crazy_frog_champions.jpg" }
     ],
     "playlist.position": "right",
     "playlist.size": 200,
     height: 300,
     width: 400
 skin: "jwplayer/skins/snel/snel.zip"
   });
</script>

Individuelle Parameter:
flashplayer = Pfad player.swf
volume = Lautstärkevoreinstellung
playlist = Titelauflistung
duration = Titellänge in Sekunden
file = Pfad Videofile
image = Pfad Imagefile
heigt = Playerhöhe
widht = Playerbreite

skin = Style des Players
  jwplayer/s
kins/snel.zip
  jwplayer/skins/snel.xml
  jwplayer/skins/controlbar/
  jwplayer/skins/playlist/
  
etc.
Download weitere Skins




HTML 5 Mode

Laden des Players...


Code für das HTML-Objekt:


<div id="container3">Laden des Players...</div>
<script type="text/javascript">
jwplayer("container3").setup(
flashplayer: "jwplayer/player.swf",
height: 300,
width: 400,
image: "jwplayer/files/big_buck_bunny.jpg",
 levels: [
 
// H.264 Version
 file: "
jwplayer/files/big_buck_bunny.mp4" ,
 
// WebM Version
 file: "
jwplayer/files/big_buck_bunny.webm" ,
// Ogg Theroa Version  
 file: "
jwplayer/files/big_buck_bunny.ogv"  
 ]
);

</script>


Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 11 Online
 » 173 Heute
 » 173 Woche
 » 3928 Monat
 » 29752 Jahr
 » 276330 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü