|
|
Download
Current version: 0.9.1 beta Separate Downloads: jvideoplayer-0.9.1.js jvideoplayer-0.9.1.css Complete Example
jQueryUI-ThemeRoller
|
jQueryUI - ThemeGallery
|
Save your own jQueryUI-Theme on jQueryUI-Themegallery, or choose one of the gallery-themes and download it. |
jQuery
jVideoPlayer needs jQuery above version 1.4.2, which can be obtained without costs from http://jquery.com or http://jquery.org.
Advertisment
other projects
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).
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).
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>


