|
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/jquery.js"></script>
|
|
gyorgy@0
|
8 <script src="../src/js/me-header.js"></script>
|
|
gyorgy@0
|
9 <script src="../src/js/me-namespace.js"></script>
|
|
gyorgy@0
|
10 <script src="../src/js/me-utility.js"></script>
|
|
gyorgy@0
|
11 <script src="../src/js/me-plugindetector.js"></script>
|
|
gyorgy@0
|
12 <script src="../src/js/me-featuredetection.js"></script>
|
|
gyorgy@0
|
13 <script src="../src/js/me-mediaelements.js"></script>
|
|
gyorgy@0
|
14 <script src="../src/js/me-shim.js"></script>
|
|
gyorgy@0
|
15
|
|
gyorgy@0
|
16 <script src="../src/js/mep-header.js"></script>
|
|
gyorgy@0
|
17 <script src="../src/js/mep-library.js"></script>
|
|
gyorgy@0
|
18 <script src="../src/js/mep-player.js"></script>
|
|
gyorgy@0
|
19 <script src="../src/js/mep-feature-playpause.js"></script>
|
|
gyorgy@0
|
20 <script src="../src/js/mep-feature-stop.js"></script>
|
|
gyorgy@0
|
21 <script src="../src/js/mep-feature-progress.js"></script>
|
|
gyorgy@0
|
22 <script src="../src/js/mep-feature-time.js"></script>
|
|
gyorgy@0
|
23 <script src="../src/js/mep-feature-volume.js"></script>
|
|
gyorgy@0
|
24 <script src="../src/js/mep-feature-fullscreen.js"></script>
|
|
gyorgy@0
|
25 <script src="../src/js/mep-feature-tracks.js"></script>
|
|
gyorgy@0
|
26
|
|
gyorgy@0
|
27 <link rel="stylesheet" href="../src/css/mediaelementplayer.css" />
|
|
gyorgy@0
|
28 </head>
|
|
gyorgy@0
|
29 <body>
|
|
gyorgy@0
|
30
|
|
gyorgy@0
|
31 <h1>MediaElementPlayer.js</h1>
|
|
gyorgy@0
|
32
|
|
gyorgy@0
|
33 <!-- simple single file method -->
|
|
gyorgy@0
|
34 <video width="640" height="360" src="../media/echo-hereweare.mp4" type="video/mp4"
|
|
gyorgy@0
|
35 id="player1" poster="../media/echo-hereweare.jpg"
|
|
gyorgy@0
|
36 controls="controls" preload="none"></video>
|
|
gyorgy@0
|
37
|
|
gyorgy@0
|
38 <span id="player1-mode"></span>
|
|
gyorgy@0
|
39
|
|
gyorgy@0
|
40 <script>
|
|
gyorgy@0
|
41
|
|
gyorgy@0
|
42 $('audio,video').mediaelementplayer({
|
|
gyorgy@0
|
43 pluginPath: '../build/',
|
|
gyorgy@0
|
44 success: function(player, node) {
|
|
gyorgy@0
|
45 $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
|
|
gyorgy@0
|
46 console.log(player, node);
|
|
gyorgy@0
|
47 }
|
|
gyorgy@0
|
48 });
|
|
gyorgy@0
|
49
|
|
gyorgy@0
|
50 </script>
|
|
gyorgy@0
|
51
|
|
gyorgy@0
|
52 </body>
|
|
gyorgy@0
|
53 </html> |
