Author: andre Date: 2010-03-11 21:00:13 +0100 (Thu, 11 Mar 2010) New Revision: 41349
Modified: openimages/trunk/src/main/webapp/oiplayer/index.html Log: some more info, added part about features Modified: openimages/trunk/src/main/webapp/oiplayer/index.html =================================================================== --- openimages/trunk/src/main/webapp/oiplayer/index.html 2010-03-11 16:45:06 UTC (rev 41348) +++ openimages/trunk/src/main/webapp/oiplayer/index.html 2010-03-11 20:00:13 UTC (rev 41349) @@ -6,6 +6,7 @@ <title>OIPlayer jQuery Plugin - Open Images Platform</title> <script src="js/jquery-1.3.2.min.js" type="text/javascript"><!-- help ie --></script> <script src="plugins/flowplayer-3.1.4.min.js" type="text/javascript"><!-- help ie --></script> + <script src="js/jquery-ui-1.7.2.slider.min.js" type="text/javascript"> </script> <script src="js/jquery.oiplayer.js" type="text/javascript"><!-- help ie --></script> <script src="js/play.js" type="text/javascript"><!-- help ie --></script> <link href="css/oiplayer.css" rel="stylesheet" type="text/css" /> @@ -19,24 +20,38 @@ <video controls="controls" poster="http://www.openimages.eu/images/18489/WEEKNUMMER364-HRE0000D9C6.png";> <source type="video/ogg; codecs=theora" src="http://www.openimages.eu/files/09/9734.9730.WEEKNUMMER364-HRE0000D9C6.ogv";> </source> - <source type="video/ogg; codecs=theora" src="http://www.openimages.eu/files/09/9737.9730.WEEKNUMMER364-HRE0000D9C6.ogv";> </source> <source type="video/mp4; codecs=unknown" src="http://www.openimages.eu/files/09/9740.9730.WEEKNUMMER364-HRE0000D9C6.mp4";> </source> </video> <p class="license"> video: <a href="http://www.openbeelden.nl/users/beeldengeluid";>Beeld en Geluid</a> licensed under <a href="http://creativecommons.org/licenses/by-sa/3.0/nl/deed.en";>Creative Commons - Attribution-Share Alike</a> </p> <p> - This (silent) movie is on Open Images - <a href="http://www.openimages.eu/media/9728/Storm";>http://www.openimages.eu/media/9728/Storm</a>. - I copied the video-tag and added a poster attribute to the tag. Supported browsers: + This video on Open Images <a href="http://www.openimages.eu/media/9728/Storm";>http://www.openimages.eu/media/9728/Storm</a>. + I copied the video-tag and added a poster attribute to the tag. OIPlayer 'attaches' itself + basically on all video and/or audio tags it encounters. Besides general configuration + it uses for each invidivdual tag its attributes like poster, width, controls, autoplay etc. </p> + <h3>Features</h3> <ul> + <li>Plays video as well as audio</li> + <li>Fallback to Flowplayer (mp4, h.264) or Cortado (oga, ogv)</li> + <li>Play/pause button</li> + <li>Mute/unmute button</li> + <li>Full 'screen' button (full window really)</li> + <li>Slider controllabe with arrow keys (requires jquery.ui.slider.js)</li> + </ul> + <h3>Supported browsers</h3> + <ul> <li>Safari (v4.0+)</li> <li>Google Chrome (v5.0+)</li> <li>Firefox (v3.5+)</li> <li>Internet Explorer (v6.0+) with Flash or Java installed</li> - <li>And maybe some untested others with Flash or Java installed</li> + <li>And maybe some untested others with HTML5 support, Flash or Java installed</li> </ul> + <p> + OIPlayer is part of OIP and its most recent sources can be found in our SVN repository: + <a href="http://scm.mmbase.org/view/openimages/trunk/src/main/webapp/oiplayer/";>http://scm.mmbase.org/view/openimages/trunk/src/main/webapp/oiplayer/</a> + </p> <h2>Howto</h2> <ol> <li> _______________________________________________ Cvs mailing list [email protected] http://lists.mmbase.org/mailman/listinfo/cvs
![http://www.openimages.eu/images/18489/WEEKNUMMER364-HRE0000D9C6.png"](http://www.openimages.eu/images/18489/WEEKNUMMER364-HRE0000D9C6.png"){kind=link}