Changeset 1915


Ignore:
Timestamp:
07/14/11 10:48:42 (23 months ago)
Author:
jeroen
Message:

styled reference for pretty print

Location:
plugins/sharing/doc
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • plugins/sharing/doc/embedcodes.html

    r1773 r1915  
     1<html> 
     2<head> 
     3<title>Setting Clean Embed Codes</title> 
     4<style> 
     5    body { padding: 50px 100px; width: 660px; font: 13px/20px Arial; background: #FFF; } 
     6    a , h1, h2{ color: #369; } 
     7    h1 { font-size: 32px; } 
     8    h2 { margin-top: 50px; } 
     9    h3 { margin-top: 25px; } 
     10    img, #player { -webkit-box-shadow: 0 0 5px #999; margin: 0 10px; } 
     11    pre { font-size: 12px; background: #E5F3C8; padding:5px 10px; border: 1px solid #D3EAA4; } 
     12    dd { color: #333; font-style: italic; } 
     13</style> 
     14</head><body> 
     15 
     16<h1>Setting Clean Embed Codes</h1> 
     17 
     18 
     19 
     20 
    121<p>Viral sharing has become one of the most important aspects of video online. The JW Player supports viral sharing options through several plugins, for example:</p> 
    222 

  • plugins/sharing/doc/facebook.html

    r1749 r1915  
     1<html> 
     2<head> 
     3<title>Facebook Video Sharing</title> 
     4<style> 
     5    body { padding: 50px 100px; width: 660px; font: 13px/20px Arial; background: #FFF; } 
     6    a , h1, h2{ color: #369; } 
     7    h1 { font-size: 32px; } 
     8    h2 { margin-top: 50px; } 
     9    h3 { margin-top: 25px; } 
     10    img, #player { -webkit-box-shadow: 0 0 5px #999; margin: 0 10px; } 
     11    pre { font-size: 12px; background: #E5F3C8; padding:5px 10px; border: 1px solid #D3EAA4; } 
     12    dd { color: #333; font-style: italic; } 
     13</style> 
     14</head><body> 
     15 
     16<h1>Facebook Video Sharing</h1> 
     17 
     18 
     19 
    120<p>Facebook provides a simple but effective mechanism for sharing web pages with your friends:</p> 
    221 
    … …  
    5675<p>Here's an image that shows two instances of the Facebook <em>share</em> page. In the first example, the metatags are not included on the page that is shared, in the second example they are. As you can see, the second example is a lot richer in content:</p> 
    5776 
    58 <p><img src="http://www.longtailvideo.com/support/sites/default/files/facebooksharenew.png" alt="facebook sharing dialogs" /></p> 
     77<p><img src="assets/facebookshare.png" alt="facebook sharing dialogs" style="margin-left: 10px" /></p> 
    5978 
    6079 
    … …  
    7190<p>Here's how a video player will look in the news feed of a person who shared it:</p> 
    7291 
    73 <p><img src="http://www.longtailvideo.com/support/sites/default/files/facebookfeednew.png" alt="video player on Facebook profile" /></p> 
     92<p><img src="assets/facebookfeed.png" alt="video player on Facebook profile" style="margin-left: 60px"/></p> 
    7493 
    7594<p>Clicking the thumbnail will replace the description with your actual videoplayer, so people can watch your video inline.</p> 

  • plugins/sharing/doc/reference.html

    r1910 r1915  
     1<html> 
     2<head> 
     3<title>Sharing Plugin Reference</title> 
     4<style> 
     5    body { padding: 50px 100px; width: 660px; font: 13px/20px Arial; background: #FFF; } 
     6    a , h1, h2{ color: #369; } 
     7    h1 { font-size: 32px; } 
     8    h2 { margin-top: 50px; } 
     9    h3 { margin-top: 25px; } 
     10    img, #player { -webkit-box-shadow: 0 0 5px #999; margin: 0 10px; } 
     11    pre { font-size: 12px; background: #E5F3C8; padding:5px 10px; border: 1px solid #D3EAA4; } 
     12    dd { color: #333; font-style: italic; } 
     13</style> 
     14</head><body> 
     15 
     16 
     17<h1>Sharing Plugin Reference</h1> 
     18 
     19 
    120<p>The purpose of this guide is to be a reference for you as you get started with the latest version of the <a href="http://www.longtailvideo.com/addons/plugins/110/Sharing">Sharing plugin for the JW Player</a>.</p> 
    221 
    … …  
    2645<dd>URL to display in the Video Link field of the plugin, for example <em>http://www.mywebsite.com/videos/12345/</em>. If no <b>link</b> is set, the page URL is automatically used.</dd> 
    2746<dt><b>sharing.code</b> ( <em>undefined</em> )</dt> 
    28 <dd>Embed code to display in the Embed Code field of the plugin. If no <b>code</b> is set, the field is not shown. Example code: 
     47<dd>Embed code to display in the Embed Code field of the plugin. If no <b>code</b> is set, the field is not shown. Example code:</dd> 
    2948<pre> 
    30 &lt;embed src="http://mysite.com/player123.swf" width="480" height="270" allowfullscreen="true" /&gt; 
    31 </pre></dd> 
     49&lt;embed  
     50  src="http://example.com/player.swf"  
     51  width="480"  
     52  height="270"  
     53  allowfullscreen="true" /&gt; 
     54</pre> 
    3255 
    3356<p>Since the embed code may contain special characters like <em>&lt;</em>, <em>"</em> or <em>&amp;</em>, you should <strong>URIEncode</strong> the string in the embed code of your player. The JW Player will automatically decode your string when it is loaded. <a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12536/configuration-options">See the beginning of this guide</a> for more info.</p> 
    3457 
    35 <h4>Example</h4> 
     58<h3>Example</h3> 
    3659 
    3760<p>Here is a basic embed code example of a player using the sharing plugin. This example uses the <a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/15995/jw-embedder-reference-guide">JW Embedder</a>:</p> 
    … …  
    4770   plugins: { 
    4871     "sharing-3": { 
    49        code: "%3Cembed src%3D%22http%3A%2F%2Fwww.website.com%2Fembeds%2F1775.swf%22 
    50               width%3D%22320 %2F%3E", 
     72       code: "%3Cembed src%3D%22http%3A%2F%2Fexample.com%2Fembeds%2F123.swf 
     73              %22width%3D%22320 %2F%3E", 
    5174       link: "http://www.website.com/videos/1775/" 
    5275     } 
    … …  
    6992</ul> 
    7093 
    71 <h4>Example</h4> 
     94<h3>Example</h3> 
    7295 
    7396<p>Here is a basic example; an RSS playlist with one entry that has both a <b>sharing.link</b> and <b>sharing.code</b> defined.</p> 
    … …  
    86109     &lt;jwplayer:sharing.code&gt; 
    87110       &lt;![CDATA[ 
    88          &lt;embed src="http://video.longtailvideo.com/players/nPripu9l-ALJ3XQCI.swf"  
     111         &lt;embed src="http://example.com/players/nPripu9l-ALJ3XQCI.swf"  
    89112           width="480" height="270" allowfullscreen="true" /&gt; 
    90113       ]]&gt; 
    … …  
    96119</pre> 
    97120 
    98 Since the embed code may contain special characters like <em>&lt;</em>, <em>"</em> or <em>&amp;</em>, you should enclose it in CDATA tags in the playlist, as displayed in the above example. Otherwise, the XML syntax of the playlist will be broken. `See the playlist support guide <http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12537/xml-playlist-support>`_ for more info. 
     121Since the embed code may contain special characters like <em>&lt;</em>, <em>"</em> or <em>&amp;</em>, you should enclose it in CDATA tags in the playlist, as displayed in the above example. Otherwise, the XML syntax of the playlist will be broken. <a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12537/xml-playlist-support">See the playlist support guide</a> for more info. 
    99122 
    100123 
    … …  
    110133<h2>Changelog</h2> 
    111134 
    112 <h4>Version 3.0</h4> 
     135<h3>Version 3.0</h3> 
    113136 
    114137<ul> 
    … …  
    118141<li>Removed both the MySpace and Email buttons. Enlarged the Facebook and Twitter buttons.</li> 
    119142</ul> 
     143 
     144 
     145</body> 
     146</html> 
Note: See TracChangeset for help on using the changeset viewer.