comparison johndyer-mediaelement-13fa20a/demo/mediaelementplayer-src.html @ 0:032bc65ebafc

added core components
author George Fazekas <gyorgy.fazekas@eecs.qmul.ac.uk>
date Wed, 06 Mar 2013 15:45:48 +0000
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:032bc65ebafc
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>HTML5 MediaElement</title>
6
7 <script src="../build/jquery.js"></script>
8 <script src="../src/js/me-header.js"></script>
9 <script src="../src/js/me-namespace.js"></script>
10 <script src="../src/js/me-utility.js"></script>
11 <script src="../src/js/me-plugindetector.js"></script>
12 <script src="../src/js/me-featuredetection.js"></script>
13 <script src="../src/js/me-mediaelements.js"></script>
14 <script src="../src/js/me-shim.js"></script>
15
16 <script src="../src/js/mep-header.js"></script>
17 <script src="../src/js/mep-library.js"></script>
18 <script src="../src/js/mep-player.js"></script>
19 <script src="../src/js/mep-feature-playpause.js"></script>
20 <script src="../src/js/mep-feature-stop.js"></script>
21 <script src="../src/js/mep-feature-progress.js"></script>
22 <script src="../src/js/mep-feature-time.js"></script>
23 <script src="../src/js/mep-feature-volume.js"></script>
24 <script src="../src/js/mep-feature-fullscreen.js"></script>
25 <script src="../src/js/mep-feature-tracks.js"></script>
26
27 <link rel="stylesheet" href="../src/css/mediaelementplayer.css" />
28 </head>
29 <body>
30
31 <h1>MediaElementPlayer.js</h1>
32
33 <!-- simple single file method -->
34 <video width="640" height="360" src="../media/echo-hereweare.mp4" type="video/mp4"
35 id="player1" poster="../media/echo-hereweare.jpg"
36 controls="controls" preload="none"></video>
37
38 <span id="player1-mode"></span>
39
40 <script>
41
42 $('audio,video').mediaelementplayer({
43 pluginPath: '../build/',
44 success: function(player, node) {
45 $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
46 console.log(player, node);
47 }
48 });
49
50 </script>
51
52 </body>
53 </html>