Author: andre Date: 2010-03-02 10:21:09 +0100 (Tue, 02 Mar 2010) New Revision: 41220
Modified: openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js openimages/trunk/src/main/webapp/oiplayer/js/play.js openimages/trunk/src/main/webapp/oiplayer/player.html Log: svn propsets, doc Modified: openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css =================================================================== --- openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css 2010-03-02 08:29:04 UTC (rev 41219) +++ openimages/trunk/src/main/webapp/oiplayer/css/oiplayer.css 2010-03-02 09:21:09 UTC (rev 41220) @@ -21,6 +21,8 @@ padding: 1px 1em; } +body.oiplayer-example > div.main ol { padding-left: 20px; } + #clientcaps /* used by MSIE Java plugin detection, sigh :-( */ { behavior: url(#default#clientCaps); Modified: openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js =================================================================== --- openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js 2010-03-02 08:29:04 UTC (rev 41219) +++ openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js 2010-03-02 09:21:09 UTC (rev 41220) @@ -15,7 +15,6 @@ * mediatags in one go. You will have to wrap each mediatag in a div or some other element and feed it * to the plugin. * - * @version: 0.5 * @params: * id - id of the element that contains the media tag * config - configuration parameters @@ -25,6 +24,7 @@ * 'controls' : to show and use controls or not * * @changes: moved all files to one directory + * @version: '$Id$' */ jQuery.fn.oiplayer = function(conf) { Property changes on: openimages/trunk/src/main/webapp/oiplayer/js/jquery.oiplayer.js ___________________________________________________________________ Name: svn:keywords + Id Modified: openimages/trunk/src/main/webapp/oiplayer/js/play.js =================================================================== --- openimages/trunk/src/main/webapp/oiplayer/js/play.js 2010-03-02 08:29:04 UTC (rev 41219) +++ openimages/trunk/src/main/webapp/oiplayer/js/play.js 2010-03-02 09:21:09 UTC (rev 41220) @@ -2,12 +2,12 @@ Javascript to init and configure OIPlayer. @author: André van Toly - @version: '$Id: andre $' + @version: '$Id$' @changes: moved all oiplayer stuff to one directory */ $(document).ready(function() { - $('.main').oiplayer({ + $('body.oiplayer-example').oiplayer({ 'server' : 'http://localhost', /* msie (or windows java) has issues with just a dir */ 'jar' : '/oiplayer/cortado-ovt-stripped-wm_r38710.jar', 'flash' : '/oiplayer/plugins/flowplayer-3.1.1.swf', Property changes on: openimages/trunk/src/main/webapp/oiplayer/js/play.js ___________________________________________________________________ Name: svn:keywords + Id Modified: openimages/trunk/src/main/webapp/oiplayer/player.html =================================================================== --- openimages/trunk/src/main/webapp/oiplayer/player.html 2010-03-02 08:29:04 UTC (rev 41219) +++ openimages/trunk/src/main/webapp/oiplayer/player.html 2010-03-02 09:21:09 UTC (rev 41220) @@ -24,25 +24,23 @@ </video> <p> - The above video-tag is copied from Open Images: - <a href="http://www.openbeelden.nl/media/9728/Storm">http://www.openbeelden.nl/media/9728/Storm</a>. - The poster attribute was added later. + This (silent) movie is on Open Images <a href="http://www.openbeelden.nl/media/9728/Storm">http://www.openbeelden.nl/media/9728/Storm</a>. + I copied the video-tag and added a poster attribute to the tag. </p> <h2>Howto</h2> <ol> <li> - Enable this plugin on all HTML5 video or audio tags in your page, for example - in its main column <div class="main" /> of your website. - This enables the player including the controls to play and pause etc. + Enable the jQuery plugin on all HTML5 video or audio tags. + In this example on all pages with a body with class 'oiplayerexample'. <pre> $(document).ready(function() { - $('div.main').oiplayer({ 'controls' : true }); + $('body.oiplayer-example').oiplayer({ 'controls' : true }); }); </pre> </li> <li> - Make the fallback mechanism work by installing <a href="http://www.flowplayer.org">Flowplayer</a> - and Cortado in the plugins directory. + OIPlayer has a fallback mechanism that can be made to work + by installing <a href="http://www.flowplayer.org">Flowplayer</a> and Cortado. Flowplayer needs the Flash plugin and plays h.264, flv and mp4 files when they are correctly encoded. Cortado is a Java applet that plays Ogg video and audio (ogv, aga). <ul> @@ -52,7 +50,7 @@ </ul> <pre> $(document).ready(function() { - $('div.main').oiplayer({ + $('body.oiplayer-example').oiplayer({ 'server' : 'http://localhost', 'jar' : '/oiplayer/cortado-ovt-stripped-wm_r38710.jar', 'flash' : '/oiplayer/plugins/flowplayer-3.1.1.swf', _______________________________________________ Cvs mailing list Cvs@lists.mmbase.org http://lists.mmbase.org/mailman/listinfo/cvs