Changeset 1878 for branches/sharing/test/basic.html

Timestamp:

07/01/11 09:10:19 (2 years ago)

Author:

jeroen

Message:

made HTML5 sharing work with playlist + iframe

File:

• branches/sharing/test/basic.html (modified) (1 diff)

branches/sharing/test/basic.html

@@ -18 +18 @@
 <div id="container"></div>
 <script type="text/javascript">
-jwplayer("container").setup({
-    file: 'http://content.bitsontherun.com/videos/bkaovAYt-364765.mp4',
-    image: 'http://content.bitsontherun.com/thumbs/bkaovAYt-480.jpg',
-    flashplayer: 'assets/jwplayer.swf',
-    height: 270,
-    plugins: {
-        '../src/sharing.js': {
+function loadPlayer(codelink) { 
+    var options = {
+        file: 'http://content.bitsontherun.com/videos/bkaovAYt-364765.mp4',
+        image: 'http://content.bitsontherun.com/thumbs/bkaovAYt-480.jpg',
+        flashplayer: 'assets/jwplayer.swf',
+        height: 270,
+        width: 480
+    };
+    if(codelink) { 
+        options.plugins = { '../src/sharing.js': {
             code: '<iframe src="http://content.bitsontherun.com/previews/bkaovAYt-V7MoJd7l" width="480" height="270" frameborder="0" scrolling="auto"></iframe>',
             link: 'http://www.bigbuckbunny.org/'
-        }
-    },
-    width: 480
-});
+        }};
+    } else { 
+        options.plugins = { '../src/sharing.js': {} };
+    }
+    jwplayer("container").setup(options);
+};
 </script>
 
-
+<ul>
+    <li><a href="javascript:loadPlayer(false)">Without options</a></li>
+    <li><a href="javascript:loadPlayer(true)">With options</a></li>
+</ul>
 
 <p>
-    This setup should show a dock button for embedding and one for sharing a video.<br/>
-    Upon click, a dialog box should render, with a background that obscures the video screen.<br/>
-    The share dialog should display two links that refer to Facebook and Twitter.
+    Without options, the plugin only displays the current URL as link and the FB/TW buttons.<br/>
+    With options, a custom link and code are shown.<br/>
+    The Facebook and Twitter links should be URL escaped so they appear correctly on the wall/tweet.
 </p>