Download

Current version: 0.9.1 beta

Separate Downloads:
jvideoplayer-0.9.1.js
jvideoplayer-0.9.1.css

Complete Example





jVideoPlayer ist a jQuery-Plugin, to play videos in the "HTML5-Videoplayer". The advantage compared with the default player is the greater functionality,and uniform appearance on the different web browsers (Firefox, Chrome, Safari, Opera). Dabei verwendet jVideoplayer jQueryUI, so that the player is well integrated into the whole layout of the site.
Furthermore jVideoplayer provides the ability to loop videos, what can be defined, normally on the loop-property, but in Firefox (3.6.x) does not work.

In the current version. jVideoPlayer offers the standard features several additional functions (see Configuration). These will be expanded with the later versions.

With the help of the "Themeroller" (only works in Firefox (further information can refer to http://www.jqueryui.com)) the appearance of the player can be changed. The skin needs to be downloaded on the pages of jQueryUI (To edit and store an Theme, take a look to the jQueryUI-Themegallery - Website).


html5-video Browservergleich

To use jVideoPlayer, the corresponding jQueryUI components must be downloaded (at least: slider and progressbar) from the jQueryUI-Homepage: http://www.jqueryui.com


jVideoPlayer parameteroverview

PARAMETER
(Standard: true)
VALUE
showControlsGlobal
(Standard: true)
shows the controls permanently
showControlsHover
(Standard: false)
hows the controls only on mouseover
controlsOpacity
(Standard: 1)
transperancy of the control
defaultVolume
(Standard: 80)
standardvolume
(range: 0 - 100)
loop
(Standard: false)
loop the video
rotationX
(Standard: 0)
rotation angle of the video in degrees
scaleX
(Standard: 1)
horizontal scale of the video player (Controls + Video)
scaleY
(Standard: 0)
vertical scale of the video player (Controls + Video)
autoplay
(Standard: false)
Play video automatically. This property can be set also as an attribute of the video element.

Usage (Example)

Within the body is the integration of HTML5 video
  
    <img video id="jvideoplayer" width="512" autoplay>
        <img source src="videos/video.ogg" type="video/ogg" />
        <img source src="videos/video.mp4" type="video/mp4" />
        This browser is not compatible with HTML 5
    <img /video>
  


jVideoPlayer has to include in the script-area (html-header):
   <script type="text/javascript">
     $(document).ready(function(){
       $('#jvideoplayer').jvideoPlayer({
         // parameters
       });
     });
   </script>
  


Comment (Comments will appear after review)

Name
Email*
Text