Jplayer – Video Player in Jquery


20 gennaio 2011 11 Commenti javascript, jquery, Video

Vuoi inserire un video usando script in jquery che funzionano ovunque?

Arriva jplayer un ottimo plugin di Jquery capace di fornirci in pochi click un ottimo player facile da utilizzare e adattabile a ogni browser.

Infatti una delle caratteristiche base è che questo plugin riesce ad adattarsi ad ogni browser:

- Per i browser moderni che supportano Html5 il video viene gestito attraverso il tag video;
- Per i vecchi browser che non supportano il nuovo tag di html5 comparirà un flash player;

La sintassi per utilizzarlo è la seguente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.jplayer.min.js"></script>
<script type="text/javascript" src="jquery.jplayer.inspector.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

$("#jquery_jplayer_1").jPlayer({
 ready: function () {
  $(this).jPlayer("setMedia", {
   m4v: "Big_Buck_Bunny_Trailer_480x270_h264aac.m4v",
   ogv: "Big_Buck_Bunny_Trailer_480x270.ogv",
   poster: "Big_Buck_Bunny_Trailer_480x270.png"
  });
 },
 ended: function (event) {
  $(this).jPlayer("play");
 },
 swfPath: "../js",
 supplied: "m4v, ogv"
});

$("#jplayer_inspector").jPlayerInspector({jPlayer:$("#jquery_jplayer_1")});
});
//]]>
</script>

Qua trovi un esempio, mentre da qua puoi scaricare il tutto. Alla prossima ;)




Potresti trovare interessante anche

116 107 112 fancy_box_jquery
Pubblicato in javascript, jquery, Video |



Iscriviti alla newsletter

Vuoi ricevere ogni articolo che pubblico direttamente sulla tua mail ? Vuoi evitare di perdere qualsiasi articolo pubblico ? Registrati alla mia newsletter in un click.

Inserisci il tuo indirizzo mail:

11 commenti per Jplayer – Video Player in Jquery

Bellissimo :) , mitico rocco ;)

ottimo grande Rocco!

Ottimo! stavo cercando proprio un’alternativa al solito flash player :D
Grazie mille!

Ciao, Scusa una cosa..
Ma per il FullScreen?

@Fabio penso che il Fullscreen debba aspettare un pochetto o formulare qualcosina in jquery per ingrandire il div dove c’è il video :D

Ciao l’idea è molto bella…. ma non funziona :(

@fiore dove non funziona io lo vedo pure ie7 :/

Lascia un Commento