| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 3 | <head> |
|---|
| 4 | <title>JW Player for HTML5</title> |
|---|
| 5 | <style type="text/css"> |
|---|
| 6 | body { |
|---|
| 7 | background-color: #fff; |
|---|
| 8 | padding: 0 20px; |
|---|
| 9 | color: #000; |
|---|
| 10 | font: 13px / 18px Arial, sans-serif; |
|---|
| 11 | } |
|---|
| 12 | |
|---|
| 13 | a { |
|---|
| 14 | color: #360; |
|---|
| 15 | } |
|---|
| 16 | |
|---|
| 17 | h3 { |
|---|
| 18 | padding-top: 20px; |
|---|
| 19 | } |
|---|
| 20 | |
|---|
| 21 | ol { |
|---|
| 22 | margin: 5px 0 15px 16px; |
|---|
| 23 | padding: 0; |
|---|
| 24 | list-style-type: square; |
|---|
| 25 | } |
|---|
| 26 | </style> |
|---|
| 27 | <script src="jquery.js" type="text/javascript"> |
|---|
| 28 | </script> |
|---|
| 29 | <script src="jquery.jwplayer.js" type="text/javascript"> |
|---|
| 30 | </script> |
|---|
| 31 | </head> |
|---|
| 32 | <body> |
|---|
| 33 | <h1>Welcome to the World of LongTail Video</h1> |
|---|
| 34 | <p> |
|---|
| 35 | Thanks for downloading the JW Player HTML5, just one of many products created by Jeroen "JW" Wijering and his company, <a href="http://www.longtailvideo.com">LongTail Video</a>. Before you get started, let us tell you about a few other products that might interest you: |
|---|
| 36 | </p> |
|---|
| 37 | <ul> |
|---|
| 38 | <li> |
|---|
| 39 | <a href="http://www.longtailvideo.com/players/jw-flv-player/">Flash Player</a> |
|---|
| 40 | - The JW Playerª is the Internet's most popular and flexible media player. It supports playback of any format the Adobe Flash Player can handle (FLV, H.264, MP4, MP3, AAC, JPG, PNG and GIF). <a href="http://www.longtailvideo.com/players/jw-flv-player/">Download it now</a>. |
|---|
| 41 | </li> |
|---|
| 42 | <li> |
|---|
| 43 | <a href="http://www.longtailvideo.com/players/jw-desktop-player/">Desktop Player</a> |
|---|
| 44 | - Our sleek new desktop player is the best way to watch all your music and video files. Plus, you can even search the web for videos without ever opening your browser. <a href="http://www.longtailvideo.com/players/jw-desktop-player/">Download it now</a>. |
|---|
| 45 | </li> |
|---|
| 46 | <li> |
|---|
| 47 | <a href="http://www.longtailvideo.com/referral.aspx?page=pubreferral&ref=oryixfvlxlptwph">AdSolution</a> |
|---|
| 48 | - Monetize your videos with LongTail's AdSolution. Integrate pre-roll, overlay mid-roll and post-roll ads into your site and starting making money today. <a href="http://www.longtailvideo.com/referral.aspx?page=pubreferral&ref=oryixfvlxlptwph">Sign up now</a>. |
|---|
| 49 | </li> |
|---|
| 50 | <li> |
|---|
| 51 | <a href="http://www.bitsontherun.com/via/longtailvideo">Bits on the Run</a> |
|---|
| 52 | - Upload, encode, store, manage and stream your videos with Bits on the Run, LongTail's end-to-end video content management system. <a href="http://www.bitsontherun.com/via/longtailvideo">Sign up now</a>. |
|---|
| 53 | </li> |
|---|
| 54 | <li> |
|---|
| 55 | <a href="http://www.longtailvideo.com/addons/skins">Skins</a> |
|---|
| 56 | - Change the look of your player to match your site. <a href="http://www.longtailvideo.com/addons/skins">View our library</a>. |
|---|
| 57 | </li> |
|---|
| 58 | </ul> |
|---|
| 59 | <h3>Licensing</h3> |
|---|
| 60 | <h2 id="License">License</h2> |
|---|
| 61 | <p> |
|---|
| 62 | The JW Player for HTML5 is licensed under the <a class="source" href="http://developer.longtailvideo.com/trac/browser/trunk/html5/license.txt">JW Player Personal Use and Evaluation License (PUEL)</a> |
|---|
| 63 | only. |
|---|
| 64 | </p> |
|---|
| 65 | <p> |
|---|
| 66 | We are working on more complete licensing terms for the JW Player for HTML5. |
|---|
| 67 | </p> |
|---|
| 68 | <p> |
|---|
| 69 | Using the Flash Fallback does not affect your license for the JW Player for Flash, which is licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons License</a>. It allows you to use, modify and redistribute the script, but only for <b>noncommercial</b> |
|---|
| 70 | purposes. Examples of <b>commercial use</b> |
|---|
| 71 | include: |
|---|
| 72 | <ul> |
|---|
| 73 | <li> |
|---|
| 74 | websites with any advertisements; |
|---|
| 75 | </li> |
|---|
| 76 | <li> |
|---|
| 77 | websites owned or operated by corporations; |
|---|
| 78 | </li> |
|---|
| 79 | <li> |
|---|
| 80 | websites designed to promote other products, such as a band or artist; |
|---|
| 81 | </li> |
|---|
| 82 | <li> |
|---|
| 83 | products (e.g. a CMS) that bundle LongTail products into its offering. |
|---|
| 84 | </li> |
|---|
| 85 | </ul> |
|---|
| 86 | If any of the above conditions apply to you, <a href="http://www.longtailvideo.com/players/order" title="Order commercial licenses">please apply for a commercial license</a> |
|---|
| 87 | now. If you are still unsure whether you need to purchase a license, please <a href="http://www.longtailvideo.com/forum/">post your question</a> |
|---|
| 88 | in the forum. |
|---|
| 89 | </p> |
|---|
| 90 | <h3>Player Example</h3> |
|---|
| 91 | <p> |
|---|
| 92 | Below you see a simple embedded example of the JW Player. Copy and paste the source code and put all files on your site to get started. |
|---|
| 93 | </p> |
|---|
| 94 | <!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE --> |
|---|
| 95 | <video height="270" id="player" poster="bunny.jpg" width="480"> |
|---|
| 96 | <source src="bunny.mp4" type="video/mp4"> |
|---|
| 97 | <source src="bunny.ogv" type="video/ogg"> |
|---|
| 98 | </video> |
|---|
| 99 | <script type="text/javascript"> |
|---|
| 100 | $('#player').jwplayer({ |
|---|
| 101 | flashplayer: 'player.swf', |
|---|
| 102 | skin: 'five/five.xml' |
|---|
| 103 | }); |
|---|
| 104 | </script> |
|---|
| 105 | <!-- END OF THE PLAYER EMBEDDING --><h3>Support</h3> |
|---|
| 106 | <p> |
|---|
| 107 | If you need any help, please visit our extensive support section, including <a href="http://www.longtailvideo.com/support/faq">FAQs</a>, a string of <a href="http://www.longtailvideo.com/support/tutorials">tutorials</a> |
|---|
| 108 | and a very active <a href="http://www.longtailvideo.com/support/forum">support forum</a>. |
|---|
| 109 | </p> |
|---|
| 110 | <h3>Wiki and Source Code</h3> |
|---|
| 111 | <p> |
|---|
| 112 | The <a href="http://developer.longtailvideo.com/trac/wiki/HTML5Overview">Developer Wiki</a> |
|---|
| 113 | contains a wealth of info about the player, including: |
|---|
| 114 | </p> |
|---|
| 115 | <ol> |
|---|
| 116 | <li> |
|---|
| 117 | <a href="http://developer.longtailvideo.com/trac/wiki/FlashSkinning">Supported skinning elements</a> |
|---|
| 118 | (for creating your own graphics). |
|---|
| 119 | </li> |
|---|
| 120 | <li> |
|---|
| 121 | <a href="http://developer.longtailvideo.com/trac/query?group=status&milestone=HTML5+1.0&order=priority&col=id&col=summary&col=owner&col=type&col=thread">Roadmap with full changelogs</a> |
|---|
| 122 | for each version. |
|---|
| 123 | </li> |
|---|
| 124 | </ol> |
|---|
| 125 | <p> |
|---|
| 126 | The source code of all different versions of the player can <a href="http://developer.longtailvideo.com/trac/browser/trunk/html5/">be found here</a>. You can click a version and download the ZIP files (the links are at the bottom). |
|---|
| 127 | </p> |
|---|
| 128 | </body> |
|---|
| 129 | </html> |
|---|