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
[email protected]
http://lists.mmbase.org/mailman/listinfo/cvs