Mercurial > hg > env-test-daniele
annotate johndyer-mediaelement-13fa20a/demo/mediaelement.html @ 25:4a4bd554b4c1 tip
Closing this sub branch.
| author | Daniele Barchiesi <daniele.barchiesi@eecs.qmul.ac.uk> |
|---|---|
| date | Mon, 25 Mar 2013 14:02:54 +0000 |
| parents | 032bc65ebafc |
| children |
| rev | line source |
|---|---|
| gyorgy@0 | 1 <!DOCTYPE html> |
| gyorgy@0 | 2 <html> |
| gyorgy@0 | 3 <head> |
| gyorgy@0 | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| gyorgy@0 | 5 <title>HTML5 MediaElement</title> |
| gyorgy@0 | 6 |
| gyorgy@0 | 7 <script src="../build/mediaelement.js"></script> |
| gyorgy@0 | 8 </head> |
| gyorgy@0 | 9 <body> |
| gyorgy@0 | 10 |
| gyorgy@0 | 11 <h1>MediaElement.js</h1> |
| gyorgy@0 | 12 |
| gyorgy@0 | 13 <p>This is only the Flash/Silverlight Shim for older browers or browsers without the codec you need. It is not a full player.</p> |
| gyorgy@0 | 14 |
| gyorgy@0 | 15 <h2>MP4 video (as src)</h2> |
| gyorgy@0 | 16 <video width="360" height="203" id="player1" src="../media/echo-hereweare.mp4" type="video/mp4" controls="controls"></video> |
| gyorgy@0 | 17 |
| gyorgy@0 | 18 <input type="button" id="pp" value="toggle" /> |
| gyorgy@0 | 19 <span id="time"></span> |
| gyorgy@0 | 20 |
| gyorgy@0 | 21 <script> |
| gyorgy@0 | 22 MediaElement('player1', {success: function(me) { |
| gyorgy@0 | 23 |
| gyorgy@0 | 24 me.play(); |
| gyorgy@0 | 25 |
| gyorgy@0 | 26 me.addEventListener('timeupdate', function() { |
| gyorgy@0 | 27 document.getElementById('time').innerHTML = me.currentTime; |
| gyorgy@0 | 28 }, false); |
| gyorgy@0 | 29 |
| gyorgy@0 | 30 document.getElementById('pp')['onclick'] = function() { |
| gyorgy@0 | 31 if (me.paused) |
| gyorgy@0 | 32 me.play(); |
| gyorgy@0 | 33 else |
| gyorgy@0 | 34 me.pause(); |
| gyorgy@0 | 35 }; |
| gyorgy@0 | 36 |
| gyorgy@0 | 37 }}); |
| gyorgy@0 | 38 </script> |
| gyorgy@0 | 39 |
| gyorgy@0 | 40 </body> |
| gyorgy@0 | 41 </html> |