source: trunk/html5/test/examples/single_mp4.html @ 1300

Revision 1300, 1.9 KB checked in by zach, 4 years ago (diff)

Updating examples to use correct resources

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html>
3    <head>
4        <title>Single MP4 Example</title>
5    </head>
6    <body>
7        <h1>Single MP4 video</h1>
8        <p>
9            This is the basic setup for a video that plays on Safari,iPhone/iPad and Chrome. Firefox, IE and Opera will fallback to Flash. A poster image is included.
10        </p>
11        <div height="270" id="player" width="480">
12        </div>
13        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js">
14        </script>
15        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js">
16        </script>
17        <script type="text/javascript">
18            var player = new jwplayer.html5(document.getElementById("player"));
19            player.setup({
20                file: "../../../js/test/files/bunny.mp4",
21                image: "../../../js/test/files/bunny.jpg"
22           
23            });
24        </script>
25        <h3>HTML code</h3>
26        <p>
27            Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server.
28        </p>
29        <p>
30            First, place this code in the <strong>&lt;head&gt;</strong>
31            of your page:
32        </p>
33        <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt;
34&lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre>
35        <p>
36            Second, place this code where you want the video to appear:
37        </p>
38        <pre>&lt;video height="270" id="player" poster="/files/bunny.jpg"
39  src="/files/bunny.mp4" width="480"&gt;
40
41&lt;script type="text/javascript"&gt;
42  $('#player').jwplayer({
43    flashplayer:'/files/player.swf',
44    skin:'/files/five.xml'
45  });
46&lt;/script&gt;</pre>
47    </body>
48</html>
Note: See TracBrowser for help on using the repository browser.