Changeset 1298


Ignore:
Timestamp:
09/21/10 08:32:21 (3 years ago)
Author:
zach
Message:
  • Adding tests
Location:
trunk/html5/test/examples
Files:
1 added
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/html5/test/examples/single_mp4.html

    r1277 r1298  
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    12<html> 
    2 <body> 
    3 <h1>Single MP4 video</h1> 
    4  
    5  
    6  
    7  
    8  
    9 <p>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.</p> 
    10  
    11 <p><video height="270" id="player" poster="http://content.bitsontherun.com/thumbs/nPripu9l-320.jpg" src="http://content.bitsontherun.com/videos/nPripu9l-327.mp4" width="480"></video></p> 
    12  
    13 <script type="text/javascript" src="../../lib/jquery.js"></script> 
    14 <script type="text/javascript" src="../../jwplayer.js"></script> 
    15 <script type="text/javascript"> 
    16         var player = new jwplayer.html5(document.getElementById("player")); 
    17         player.setup({ 
    18                 sources: [{ 
    19                         file:"http://content.bitsontherun.com/videos/nPripu9l-327.mp4", 
    20                         type: "video/mp4" 
    21                 }], 
    22                 flashplayer:'/files/player.swf', 
    23                 skin:'/files/skins/five/five.xml' 
    24         }); 
    25 </script> 
    26  
    27 <h3>HTML code</h3> 
    28 <p>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.</p> 
    29  
    30 <p>First, place this code in the <strong>&lt;head&gt;</strong> of your page:</p> 
    31 <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt; 
     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        <p> 
     12            <video height="270" id="player" poster="http://content.bitsontherun.com/thumbs/nPripu9l-320.jpg" src="http://content.bitsontherun.com/videos/nPripu9l-327.mp4" width="480"> 
     13            </video> 
     14        </p> 
     15        <script type="text/javascript" src="../../../js/bin-debug/jwplayer.js"> 
     16        </script> 
     17        <script type="text/javascript" src="../../bin-debug/jwplayer.html5.js"> 
     18        </script> 
     19        <script type="text/javascript"> 
     20            var player = new jwplayer.html5(document.getElementById("player")); 
     21            player.setup({ 
     22                file: "../../../js/test/files/bunny.mp4", 
     23                                image: "../../../js/test/files/bunny.jpg" 
     24             
     25            }); 
     26        </script> 
     27        <h3>HTML code</h3> 
     28        <p> 
     29            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. 
     30        </p> 
     31        <p> 
     32            First, place this code in the <strong>&lt;head&gt;</strong> 
     33            of your page: 
     34        </p> 
     35        <pre>&lt;script type="text/javascript" src="/scripts/jquery.js"&gt;&lt;/script&gt; 
    3236&lt;script type="text/javascript" src="/scripts/jquery.jwplayer.js"&gt;&lt;/script&gt;</pre> 
    33  
    34 <p>Second, place this code where you want the video to appear:</p> 
    35 <pre>&lt;video height="270" id="player" poster="/files/bunny.jpg" 
     37        <p> 
     38            Second, place this code where you want the video to appear: 
     39        </p> 
     40        <pre>&lt;video height="270" id="player" poster="/files/bunny.jpg" 
    3641  src="/files/bunny.mp4" width="480"&gt; 
    3742 
    … …  
    4247  }); 
    4348&lt;/script&gt;</pre> 
    44  
    45  
    46  
    47  
    48  
    49 </body> 
     49    </body> 
    5050</html> 
Note: See TracChangeset for help on using the changeset viewer.