Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

add usage notes for the Safari 5 extension, plus screenshot images

  • Loading branch information...
commit bfad82906fabec7903eeb65e05669017de36f1ea 1 parent bc18ceb
@simX authored
View
42 betas.html
@@ -3,7 +3,7 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="standard.css" />
- <title>ClickToFlash Video Site Support</title>
+ <title>ClickToFlash Betas</title>
</head>
<body class="thinner_body">
<div class="main_box_high">
@@ -17,39 +17,39 @@
</a>
</div>
</div>
- </div>
- <div class="content_box"><h3>Beta versions of ClickToFlash</h3></div>
+
+ <div class="content_box"><h3>Beta versions of ClickToFlash</h3></div>
<div class="content_box" id="usage">
<h2 id="usage_notes">Important Note:</h2>
<p id="context-menu">These versions of ClickToFlash are considered to be <b>beta</b>. That means that the features
and additions to these versions have not been tested thoroughly, and they are liable to cause crashes or weirdness. Use
them at your own risk!</p>
</div>
- </div>
-
- <div class="content_box"><h3>The Downloads</h3></div>
-
- <a class="box_link" href="http://cloud.github.com/downloads/rentzsch/clicktoflash/ClickToFlash-1.6b9-upload1.zip">
- <div class="download_box download_box_stable box_hover">
- <div class="download_button_box button_box_stable">
- <span class="download_text_box download_text_box_stable">Beta Download</span><br />
- 1.6b9
- </div>
- Internet Plug-In<br />
- <div class="sys_reqs_box">
- size: 612 KB<br />
- Mac OS X 10.4-10.6<br />
- Safari 3+, other WebKit apps<br />
- </div>
+
+ <div class="content_box"><h3>The Downloads</h3></div>
+
+ <a class="box_link" href="http://cloud.github.com/downloads/rentzsch/clicktoflash/ClickToFlash-1.6b9-upload1.zip">
+ <div class="download_box download_box_stable box_hover">
+ <div class="download_button_box button_box_stable">
+ <span class="download_text_box download_text_box_stable">Beta Download</span><br />
+ 1.6b9
</div>
- </a>
+ Internet Plug-In<br />
+ <div class="sys_reqs_box">
+ size: 612 KB<br />
+ Mac OS X 10.4-10.6<br />
+ Safari 3+, other WebKit apps<br />
+ </div>
+ </div>
+ </a>
</div>
-
+
<br /><br /><br />
<div class="footer">
Last updated 2010-08-16.<br />
Copyright &copy; 2009-2010 ClickToFlash Developers.<br />
Original website design by Simone Manganelli (a.k.a. <a href="http://twitter.com/simX">@simX</a>)
</div>
+ </div>
</body>
</html>
View
6 index.html
@@ -184,6 +184,10 @@ <h2 id="features">Features:</h2>
<h2 id="usage_notes">More Information:</h2>
<ul>
+ <li>ClickToFlash (Safari 5 extension) <a href="questions_safari5ext.html">usage notes</a></li>
+ <li>ClickToFlash (Internet Plug-In) <a href="questions.html">usage notes and answers to common questions/problems</a></li>
+ <li>ClickToPlugin <a href="questions_clicktoplugin.html">usage notes</a></li>
+ <br />
<li><a href="betas.html">beta versions</a> of ClickToFlash</li>
<br />
<li><a href="http://github.com/rentzsch/clicktoflash/tree/master">official GitHub repo</a> of BSD-licensed source code to
@@ -192,7 +196,7 @@ <h2 id="usage_notes">More Information:</h2>
on the <a href="http://rentzsch.lighthouseapp.com/projects/24342-clicktoflash/tickets?q=all">Lighthouse ClickToFlash
project site</a></li>
<li>if you want to contribute to ClickToFlash development, <a href="http://rentzsch.lighthouseapp.com/projects/24342-clicktoflash/tickets?q=not-tagged%3Abrokensite+state%3Aopen&amp;filter=">here's what needs to be done</a></li>
- <li>ClickToFlash (Internet Plug-In) <a href="questions.html">usage notes and answers to common questions/problems</a></li>
+
<li>Information regarding <a href="killers.html">extending ClickToFlash's video site support</a></li>
</ul>
</div>
View
2  killers.html
@@ -17,7 +17,6 @@
</a>
</div>
</div>
- </div>
<div class="content_box"><h3>ClickToFlash Video Site Support</h3></div>
<div class="content_box less_padding">
<p>One of ClickToFlash's primary goals is to eliminate as much Flash from the web
@@ -94,6 +93,7 @@
Copyright &copy; 2009-2010 ClickToFlash Developers.<br />
Original website design by Simone Manganelli (a.k.a. <a href="http://twitter.com/simX">@simX</a>)
</div>
+</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
View
5 questions.html
@@ -3,7 +3,7 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="standard.css" />
- <title>ClickToFlash Video Site Support</title>
+ <title> ClickToFlash (Internet Plug-In) Usage Notes </title>
</head>
<body class="thinner_body">
<div class="main_box_high">
@@ -17,7 +17,7 @@
</a>
</div>
</div>
- </div>
+
<div class="content_box"><h3>Usage Notes and Common Problems/Questions with ClickToFlash (Internet Plug-In)</h3></div>
<div class="important_content_box">Note: these problems do not apply to the Safari 5 extension or ClickToPlugin</div>
<div class="content_box" id="usage">
@@ -110,5 +110,6 @@ <h2 id="application_whitelist">Application Whitelist:</h2>
Copyright &copy; 2009-2010 ClickToFlash Developers.<br />
Original website design by Simone Manganelli (a.k.a. <a href="http://twitter.com/simX">@simX</a>)
</div>
+</div>
</body>
</html>
View
228 questions_clicktoplugin.html
@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <link rel="stylesheet" type="text/css" href="standard.css" />
+ <title>ClickToPlugin Usage Notes</title>
+ </head>
+ <body class="thinner_body">
+ <div class="main_box_high">
+ <div class="product_header_box">
+ <div class="product_header_right_side">
+ <a href="index.html" class="box_link">
+ <div class="title_box box_hover">
+ <h1>ClickToFlash</h1>
+ <span class="short-desc" style="font-weight: normal;">Flash-blocking plug-in for Safari</span>
+ </div>
+ </a>
+ </div>
+ </div>
+
+ <div class="content_box"><h3>Usage Notes with ClickToPlugin</h3></div>
+ <div class="important_content_box">Note: these notes do not apply to the Safari 5 extension or the internet plug-in</div>
+
+
+
+
+
+ <div class="content_box"><h2>Features:</h2>
+<p><span class="header_standard">Blocking Flash:</span>
+ClickToPlugin can replace every <code>&lt;embed&gt;</code>, <code>&lt;object&gt;</code>, and <code>&lt;applet&gt;</code> element on a web page by a placeholder element (fig.&nbsp;1) during page-loading. The user can load the embedded content manually by clicking on this placeholder. Right-clicking on the placeholder reveals the usual contextual menu with two added items: 'Load Plugin', which is equivalent to clicking directly on the placeholder, and 'Remove Element', which effectively removes the HTML element from the webpage. The latter is useful for getting rid of embedded ads that block access to page content. Right-clicking outside of any placeholder reveals the contextual menu item 'Load All Plugins' that loads all blocked content on the active page. The type of content that ClickToPlugin blocks can be specified in the <a href="#settings">extension's settings</a>.</p>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/CTP_Flash.png" alt="Flash placeholder" />
+<img src="screenshots/CTP_Silverlight.png" alt="Silverlight placeholder" />
+<img src="screenshots/CTP_Java.png" alt="Java placeholder" />
+<img src="screenshots/CTP_QuickTime.png" alt="QuickTime placeholder" />
+<img src="screenshots/CTP_WM.png" alt="Windows Media placeholder" /><br />
+<figcaption>Figure 1: Examples of placeholder elements</figcaption>
+</figure>
+
+<p>
+<span class="header_standard"> Note on Java applets:</span> <code>&lt;embed&gt;</code> and <code>&lt;object&gt;</code> elements fire a 'beforeload' event before their content is fetched by the browser, and they can be replaced by placeholder elements at that time. HTML4's deprecated <code>&lt;applet&gt;</code> elements, however, fire no such event. Although those elements are also replaced by placeholders eventually, ClickToPlugin is unable to prevent the Java plugin from launching when a page contains <code>&lt;applet&gt;</code> elements. A bug report has been <a href="https://bugs.webkit.org/show_bug.cgi?id=44023">filed</a>.</p>
+
+<p>
+<span class="header_standard"> Replacing blocked content by HTML5 videos:</span> ClickToPlugin is able to replace certain blocked elements by HTML5 <code>&lt;video&gt;</code> tags. The label of the placeholder is then changed accordingly, and an 'HD' prefix is added if ClickToPlugin knows that the video has resolution 720p or 1080p (fig.&nbsp;2). Clicking on such a placeholder loads Safari's video player. In Snow Leopard this video player features a fullscreen button (fig.&nbsp;3) and uses hardware acceleration on supported Macs.</p>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/CTP_H264.png" alt="Video placeholder" />
+<img src="screenshots/CTP_HDH264.png" alt="HD Video placeholder" /><br />
+<figcaption>Figure 2: Video placeholder elements</figcaption><br /><br />
+</figure>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Safari_video_player.png" alt="Safari video player" /><br />
+<figcaption>Figure 3: Safari's video player in Snow Leopard</figcaption>
+</figure>
+
+<p>The original element can still be loaded by right-clicking on the placeholder and choosing 'Load Plugin', or by right-clicking the video and choosing 'Reload in Plugin'.</p>
+
+<p>By default, ClickToPlugin will first try to replace an element by a video playable natively (i.e. without any plugin) by QuickTime. It should succeed with the following elements:</p>
+<ul>
+<li>YouTube videos. Both on-site and embedded videos. All YouTube videos have H.264-encoded MP4-contained sources. Resolutions in this format are Medium (&lt;&nbsp;360p, always available), 720p, 1080p, and 4K.</li>
+<li>Vimeo videos. Both on-site and embedded videos. All Vimeo videos have H.264-encoded sources, and most of them are in MP4 containers. A few are FLV files that Safari cannot play natively. Maximal resolution is 720p.</li>
+<li>Dailymotion videos. Both on-site and embedded videos. All Dailymotion videos available in 'high quality' have H.264-encoded MP4-contained sources. Maximal resolution is 720p.</li>
+<li>Objects with <code>&lt;video&gt;</code> fallback content.</li>
+<li>Objects handled by the QuickTime web plugin. At this time, HTML5 videos in Safari do not seem to allow streaming, and ClickToPlugin is not able to detect streaming videos that are wrapped in a <code>.mov</code> container. For those videos, Safari's video player will never get past the 'Loading...' stage, but you can select 'Reload in QuickTime' from the contextual menu to access the stream.</li>
+</ul>
+
+<p>With the help of third-party QuickTime components, ClickToPlugin can further replace the following elements:
+<ul>
+ <li>480p YouTube videos. (requires Perian)</li>
+ <li>All remaining Vimeo and Dailymotion videos. (requires Perian)</li>
+ <li>Veoh videos. (requires Perian) Both on-site and embedded videos (not including external videos available on Veoh's website). We weren't able to find any video on Veoh with resolution higher than 360p. Contact me if you know any.</li>
+ <li>Videos played in the <a href="http://slvideoplayer.codeplex.com/">Silverlight Video Player</a>. (requires Flip4Mac)</li>
+ <li>Directly embedded Windows Media videos. (requires Flip4Mac)</li>
+</ul>
+
+<p>
+<span class="header_standard"> Note:</span> Playback of nonnative codecs in Safari uses much more CPU than native playback. Moreover, if autoplay is enabled, Safari usually starts playing the video too early for smooth playback. For these reasons the feature can be disabled completely. In my casual testing, playback of 480p YouTube videos using Perian uses on average half as much CPU as YouTube's Flash player, while playback of Windows Media videos using Flip4Mac uses on average 60% as much CPU as the Silverlight Video Player.</p>
+
+</div>
+
+<div class="content_box"><h2>MIME Settings:</h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/MIME_Settings.png" alt="MIME settings screenshot" />
+</figure>
+
+<p>
+<span class="header_standard"> Block all MIME types:</span>
+To block all embedded content. An exception is made for natively supported MIME types, such as common image types, PDF documents, and SVG drawings.</p>
+
+<p>MIME types are strings of the form '<em>type</em>/<em>subtype</em>[;<em>parameters</em>]' specifying the nature of the embedded content. Common <em>type</em>s are:</p>
+<ul>
+<li><i>image</i> for embedded images;</li>
+<li><i>video</i> for embedded videos;</li>
+<li><i>audio</i> for embedded audio;</li>
+<li><i>application</i> for richer embedded content, including Flash, Silverlight, and Java.</li>
+</ul>
+
+<p>Here is a useful list of more specific matches:</p>
+<ul>
+<li><i>flash, futuresplash</i> matches all content handled by the Flash plugin;</li>
+<li><i>silverlight</i> matches all content handled by the Silverlight plugin;</li>
+<li><i>java</i> matches all content handled by Java plugins;</li>
+<li><i>x-ms</i> matches Windows Media content;</li>
+<li><i>x-pn</i> matches Real Media content.</li>
+</ul>
+
+<p>
+<span class="header_standard"> Allow QuickTime plugin:</span>
+Instead of manually greenlisting the numerous MIME types handled by the QuickTime web plugin, tick this to allow all QuickTime content.</p>
+
+<p>To see the full list of active plugins and which MIME types they control, go to 'Help' > 'Installed Plug-ins' in Safari's toolbar.</p>
+
+<p><span class="header_standard">Note:</span> If you only want to block Flash content, the more lightweight <a href="../clicktoflash">ClickToFlash extension</a> is recommended.</p>
+
+</div>
+
+
+
+
+<div class="content_box"><h2>Video Settings:</h2>
+
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Video_Settings.png" alt="Video settings screenshot" />
+<img src="screenshots/Video_Settings2.png" alt="Video settings screenshot 2" />
+<img src="screenshots/Video_Settings3.png" alt="Video settings screenshot 3" />
+<img src="screenshots/Video_Settings4.png" alt="Video settings screenshot 4" />
+</figure>
+
+<p>
+<span class="header_standard"> Look for video replacements:</span>
+If ticked, ClickToPlugin looks for video files to replace blocked elements by HTML5 <code>&lt;video&gt;</code> elements. If unticked, all the following options are without effect.</p>
+
+<p>
+<span class="header_standard"> Use playlists:</span>
+If ticked, ClickToPlugin can load whole playlists from YouTube (on-site and embedded) and the JW player into the HTML5 video player.</p>
+
+<p>
+<span class="header_standard"> Load the video player automatically:</span>
+If ticked, ClickToPlugin automatically replaces Flash elements by <code>&lt;video&gt;</code> tags when possible, without waiting for the user to click on a placeholder.</p>
+
+<p>
+<span class="header_standard"> Once loaded:</span>
+Choose whether ClickToPlugin creates <code>&lt;video&gt;</code> tags with the 'preload' attribute set to 'none', to 'auto', or with the 'autoplay' attribute. With the 'Do not buffer' option, the video will only start buffering when the 'Play' button is clicked.</p>
+
+<p>
+<span class="header_standard"> Nonnative codecs:</span>
+Prescribe whether ClickToPlugin considers video files that will use third-party QuickTime components to play. If 'Use only as a last resort' is selected, ClickToPlugin will not load such videos unless there are no natively playable videos available. If 'Use freely' is selected, ClickToPlugin will load the highest-quality video regardless of its format.</p>
+
+<p>
+<span class="header_standard"> Max resolution:</span>
+An upper bound on the resolutions of the videos loaded by ClickToPlugin. (Because YouTube's videos are of average quality, it's worth choosing the 1080p option even on a 720p screen.)</p>
+
+<p>
+<span class="header_standard"> Sound volume:</span>
+Sets the initial volume of videos created by ClickToPlugin. Videos on the active page will also respond to this slider while playing.</p>
+
+</div>
+
+
+
+<div class="content_box"><h2> Whitelist Settings:</h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Whitelist.png" alt="Whitelist settings screenshot" />
+</figure>
+
+<p>
+<span class="header_standard"> Location matches:</span>
+Embedded content on pages whose URL contains one of these strings is loaded automatically.</p>
+
+<p>
+<span class="header_standard"> Source matches:</span>
+Embedded content whose source URL contains one of these strings is loaded automatically.</p>
+
+<p>If a string is enclosed in parenthesis, it will be interpreted as a regular expression.</p>
+
+<p>
+<span class="header_standard"> Enable Whitelist contextual menu item:</span>
+If ticked, a new contextual menu item appears that reads 'Add Source to Whitelist' on placeholder elements and 'Add Location to Whitelist' elsewhere. When selected, a JavaScript pop-up box appears with the URL of the source or location that the user can trim before adding to the respective Whitelist. The page must be reloaded for the updated Whitelist to be applied.</p>
+
+</div>
+
+
+
+<div class="content_box"><h2> Invisible Element Settings:</h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Invisible_elements.png" alt="Invisible elements settings screenshot" />
+<img src="screenshots/Invisible_elements2.png" alt="Invisible elements settings screenshot 2" />
+</figure>
+
+<p>Invisible elements are not truly invisible but their small dimensions make it difficult for the user to locate and click their placeholders. Because they are not meant to be seen, such objects usually have important behind-the-scene functions, and not allowing them to load may cripple the functionality of some pages. A common effect of invisible elements is the message <em>Please install [insert plugin name]</em> being displayed instead of the expected content: this happens because an invisible element whose function is to replace this message by the expected content failed to load. In such cases, allowing invisible elements (or adding their source to the whitelist) is required to even have the possibility to access the main content. The size of these control elements is usually 1x1 px, but some websites use control elements up to 8x8 px in size.</p>
+
+</div>
+
+
+
+<div class="content_box"><h2> Other Settings:</h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Other.png" alt="Other settings screenshot" />
+<img src="screenshots/Other2.png" alt="Other settings screenshot 2" />
+</figure>
+
+<p>
+<span class="header_standard"> sIFR Text:</span>
+sIFR is a pre-CSS3 technology for displaying advanced typography on the web. It uses JavaScript to replace some text elements on the page by text-mimicking Flash elements. Choose 'Show text only' to disable this process and display the original HTML text.</p>
+
+
+
+
+
+
+
+
+ <div class="footer">
+ Last updated 2010-08-16.<br />
+ Copyright &copy; 2009-2010 ClickToFlash Developers.<br />
+ Original copy by Marc Hoyois<br />
+ Original website design by Simone Manganelli (a.k.a. <a href="http://twitter.com/simX">@simX</a>)
+ </div>
+</div>
+ </body>
+</html>
View
167 questions_safari5ext.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <link rel="stylesheet" type="text/css" href="standard.css" />
+ <title>ClickToFlash (Safari 5 Extension) Usage Notes</title>
+ </head>
+ <body class="thinner_body">
+ <div class="main_box_high">
+ <div class="product_header_box">
+ <div class="product_header_right_side">
+ <a href="index.html" class="box_link">
+ <div class="title_box box_hover">
+ <h1>ClickToFlash</h1>
+ <span class="short-desc" style="font-weight: normal;">Flash-blocking plug-in for Safari</span>
+ </div>
+ </a>
+ </div>
+ </div>
+
+ <div class="content_box"><h3>Usage Notes with ClickToFlash (Safari 5 extension)</h3></div>
+ <div class="important_content_box">Note: these notes do not apply to the internet plug-in or ClickToPlugin</div>
+
+
+ <div class="content_box"><h2>Features:</h2>
+<p><span class="header_standard">Blocking Flash:</span>
+ClickToFlash replaces every Flash element by a placeholder element (fig.&nbsp;1) before the browser starts fetching the Flash content. The user can load the Flash content manually by clicking on this placeholder. Right-clicking on the placeholder reveals the usual contextual menu with two added items: 'Load Flash', which is equivalent to clicking directly on the placeholder, and 'Remove Element', which effectively removes the HTML element from the webpage. The latter is useful for getting rid of Flash ads that block access to page content. Right-clicking outside of any placeholder reveals the contextual menu item 'Load All Flash' that loads all Flash content on the active page.</p>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/CTF_Flash.png" alt="Flash placeholder" /><br />
+<figcaption>Figure 1: Flash placeholder element</figcaption>
+</figure>
+
+<p><span class="header_standard"> Replacing Flash by HTML5 videos:</span>
+ClickToFlash is able to replace certain Flash elements by HTML5 <code>&lt;video&gt;</code> tags. The label of the placeholder is then changed accordingly, and an 'HD' prefix is added if ClickToFlash knows that the video has resolution 720p or 1080p (fig.&nbsp;2). Clicking on such a placeholder loads Safari's video player. In Snow Leopard this video player features a fullscreen button (fig.&nbsp;3) and uses hardware acceleration on supported Macs.</p>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/CTF_H264.png" alt="Video placeholder" />
+<img src="screenshots/CTF_HDH264.png" alt="HD Video placeholder" /><br />
+<figcaption>Figure 2: Video placeholder elements</figcaption>
+</figure>
+
+<figure style="display: block; text-align: center;"><br />
+<img src="screenshots/Safari_video_player.png" alt="Safari video player" /><br />
+<figcaption>Figure 3: Safari's video player in Snow Leopard</figcaption>
+</figure>
+
+<p>The original Flash element can still be loaded by right-clicking on the placeholder and choosing 'Load Flash', or by right-clicking the video and choosing 'Reload in Flash'.</p>
+
+<p>By default, ClickToFlash will first try to replace a Flash element by a video playable natively (i.e. without any plugin) by QuickTime. It should succeed with the following Flash elements:</p>
+<ul>
+<li><b>YouTube videos.</b> Both on-site and embedded videos. All YouTube videos have H.264-encoded MP4-contained sources. Resolutions in this format are Medium (&lt;&nbsp;360p, always available), 720p, 1080p, and 4K.</li>
+<li><b>Vimeo videos.</b> Both on-site and embedded videos. All Vimeo videos have H.264-encoded sources, and most of them are in MP4 containers. A few are FLV files that Safari cannot play natively. Maximal resolution is 720p.</li>
+<li><b> Dailymotion videos.</b> Both on-site and embedded videos. All Dailymotion videos available in 'high quality' have H.264-encoded MP4-contained sources. Maximal resolution is 720p.</li>
+<li>Flash objects with <code>&lt;video&gt;</code> fallback content.</li>
+</ul>
+
+<p>If the Perian component is installed, ClickToFlash can further replace the following elements:
+<ul>
+ <li>480p YouTube videos.</li>
+ <li>All remaining Vimeo and Dailymotion videos.</li>
+ <li><b>Veoh videos.</b> Both on-site and embedded videos (not including external videos available on Veoh's website). I was not able to find any video on Veoh with resolution higher than 360p. Contact me if you know any.</li>
+</ul>
+
+<p><span class="header_standard">Note:</span> Playback of nonnative codecs in Safari uses much more CPU than native playback. Moreover, if autoplay is enabled, Safari usually starts playing the video too early for smooth playback. For these reasons the feature can be disabled completely. In my casual testing, for 480p YouTube videos, playback using Perian uses on average half as much CPU as YouTube's Flash player.</p>
+</div>
+
+
+
+
+
+<div class="content_box"><h2 id="settings">Video Settings:</h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Video_Settings.png" alt="Video settings screenshot" style="border: 1px solid gray" /><br />
+<img src="screenshots/Video_Settings2.png" alt="Video settings screenshot 2" style="border: 1px solid gray" /><br />
+<img src="screenshots/Video_Settings3.png" alt="Video settings screenshot 3" style="border: 1px solid gray" /><br />
+<img src="screenshots/Video_Settings4.png" alt="Video settings screenshot 4" style="border: 1px solid gray" />
+</figure>
+
+<p>
+<span class="header_standard"> Look for video replacements to Flash:</span>
+If unticked, ClickToFlash does not go through the process of looking for video files to replace Flash elements. All the following options are then without effect.</p>
+
+<p>
+<span class="header_standard"> Use playlists:</span>
+If ticked, ClickToFlash can load whole playlists from YouTube (on-site and embedded) and the JW player into the HTML5 video player.</p>
+
+<p>
+<span class="header_standard"> Load the video player automatically:</span>
+If ticked, ClickToFlash automatically replaces Flash elements by <code>&lt;video&gt;</code> tags when possible, without waiting for the user to click on a placeholder.</p>
+
+<p>
+<span class="header_standard"> Once loaded:</span>
+Choose whether ClickToFlash creates <code>&lt;video&gt;</code> tags with the 'preload' attribute set to 'none', to 'auto', or with the 'autoplay' attribute. With the 'Do not buffer' option, the video will only start buffering when the 'Play' button is clicked.</p>
+
+<p>
+<span class="header_standard"> Nonnative codecs:</span>
+Prescribe whether ClickToFlash considers video files that will use third-party QuickTime components to play. If 'Use only as a last resort' is selected, ClickToFlash will not load such videos unless there are no natively playable videos available. If 'Use freely' is selected, ClickToFlash will load the highest-quality video regardless of its format.</p>
+
+<p>
+<span class="header_standard"> Max resolution:</span>
+An upper bound on the resolutions of the videos loaded by ClickToFlash. (Because YouTube's videos are of average quality, I find that it is worth choosing the 1080p option even on a 720p screen.)</p>
+
+<p>
+<span class="header_standard"> Sound volume:</span>
+Sets the initial volume of videos created by ClickToFlash. Videos on the active page will also respond to this slider while playing.</p>
+
+</div>
+
+
+<div class="content_box"><h2 id="whitelist_settings"> Whitelist Settings:</h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Whitelist.png" alt="Whitelist settings screenshot" style="border: 1px solid gray" />
+</figure>
+
+<p>
+<span class="header_standard"> Location matches:</span>
+Matches Flash content on pages whose URL contains one of these strings.</p>
+
+<p>
+<span class="header_standard"> Source matches:</span>
+Matches Flash content whose source URL contains one of these strings.</p>
+
+<p>If a string is enclosed in parenthesis, it will be interpreted as a regular expression.</p>
+
+<p>
+<span class="header_standard"> Enable Whitelist contextual menu item:</span>
+If ticked, a new contextual menu item appears that reads 'Add Source to Whitelist' on placeholder elements and 'Add Location to Whitelist' elsewhere. When selected, a JavaScript pop-up box appears with the URL of the source or location that the user can trim before adding to the respective Whitelist. The page must be reloaded for the updated Whitelist to be applied.</p>
+
+</div>
+
+<div class="content_box"><h2 id="invisible_settings"> Invisible Flash Settings:</h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Invisible_Flash.png" alt="Invisible Flash settings screenshot" style="border: 1px solid gray" /><br />
+<img src="screenshots/Invisible_Flash2.png" alt="Invisible Flash settings screenshot 2" style="border: 1px solid gray" />
+</figure>
+
+<p>Invisible Flash elements are not truly invisible but their small dimensions make it difficult for the user to locate and click their placeholders. Because they are not meant to be seen, such objects usually have important behind-the-scene functions, and not allowing them to load may cripple the functionality of some pages. A common effect of invisible elements is the message <em>Please install Flash player</em> being displayed instead of the expected Flash content: this happens because an invisible Flash element whose function is to replace this message by the Flash content failed to load. In such cases, allowing invisible elements (or adding their source to the whitelist) is required to even have the possibility to access the main content. The size of these control elements is usually 1x1 px (the minimum allowed size), but some websites use control elements up to 8x8 px in size.</p>
+
+</div>
+
+<div class="content_box"><h2 id="other_settings"> Other Settings: </h2>
+
+<figure style="display: block; text-align: center;">
+<img src="screenshots/Other.png" alt="Other settings screenshot" style="border: 1px solid gray" /><br />
+<img src="screenshots/Other2.png" alt="Other settings screenshot 2" style="border: 1px solid gray" />
+</figure>
+
+<p>
+<span class="header_standard"> sIFR Text:</span>
+sIFR is a pre-CSS3 technology for displaying advanced typography on the web. It uses JavaScript to replace some text elements on the page by text-mimicking Flash elements. Choose 'Show text only' to disable this process and display the original HTML text.</p>
+
+</div>
+
+
+ <div class="footer">
+ Last updated 2010-08-16.<br />
+ Copyright &copy; 2009-2010 ClickToFlash Developers.<br />
+ Original copy by Marc Hoyois<br />
+ Original website design by Simone Manganelli (a.k.a. <a href="http://twitter.com/simX">@simX</a>)
+ </div>
+</div>
+ </body>
+</html>
View
BIN  screenshots/CTF_Flash.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTF_H264.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTF_HDH264.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTP_Flash.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTP_H264.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTP_HDH264.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTP_Java.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTP_QuickTime.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTP_Silverlight.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/CTP_WM.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Invisible_Flash.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Invisible_Flash2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Invisible_elements.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Invisible_elements2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/MIME_Settings.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Other.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Other2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Safari_video_player.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Video_Settings.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Video_Settings2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Video_Settings3.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Video_Settings4.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  screenshots/Whitelist.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
3  thanks.html
@@ -17,7 +17,6 @@
</a>
</div>
</div>
- </div>
<div class="content_box"><h3>Thanks for Donating to <a href="index.html">ClickToFlash</a>!</h3></div>
<div class="content_box">
@@ -48,5 +47,7 @@ <h3 style="text-align:center;margin:1em;"></h3>
Last updated 2010-08-16.<br />
Copyright &copy; 2009-2010 ClickToFlash Developers.<br />
</div>
+
+ </div>
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.