Jplayer – Video Player in Jquery
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





20 gennaio 2011

Bellissimo
, mitico rocco