-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfeatures.html
More file actions
103 lines (86 loc) · 5.44 KB
/
features.html
File metadata and controls
103 lines (86 loc) · 5.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Flashless Features — Useless Coding</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../lay/screen.css" />
<link rel="icon" type="image/png" href="../lay/site.png" />
<meta name="viewport" content="width=800" />
</head>
<body>
<div id="head">
<div class="wrapper">
<div id="uclogo"><a href="../"><img src="../lay/uclogo.png" width="134" height="133" alt="Useless Coding" /></a></div>
<ul id="nav">
<li><a href="../">Useless Coding</a></li>
<li class="act"><a href="../products/">Products</a></li>
<li><a href="http://uselessness.de/">Blog</a></li>
<li><a href="../about/">About</a></li>
</ul>
<h1>Flashless</h1>
<p class="intro">A WebKit plug-in to display preview images for Flash based video services and block the rest.</p>
<ul class="toc">
<li class="main"><a href="download.html"><img src="../lay/download.png" height="30" width="134" alt="Download Now" /></a></li>
<li><a href=".">Overview</a></li>
<li class="act"><a href="features.html">Features</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="notes.html">Release Notes</a></li>
<li><a href="http://github.com/useless/Flashless">Sources</a></li>
</ul>
</div>
</div>
<div class="wrapper">
<h2><a name="block"></a>Block Flash</h2>
<p><em>Flashless</em> blocks Flash content on a website.</p>
<div class="caption"><p><img class="bord" src="../lay/flashless/ad.png" alt="Advertisement" />Blocked Flash ad.</p></div>
<p>All Flash elements on a site are replaced with an unobtrusive graphic. To watch the flash content just click on the placeholder.</p>
<h2><a name="preview"></a>Preview Video Images</h2>
<p>
<a href="../lay/flashless/preview.jpg" title="Preview Video Images"><img class="aside" src="../lay/flashless/previewt.png" height="100" width="100" alt="Preview" /></a>
Get a glimpse of the video without loading the flash content. So you see what you will get before you decide to play the video.
</p>
<p>A preview image is displayed for most of the popular video sites. The name of the video’s origin is displayed in the lower right corner.<sup>*</sup></p>
<h2><a name="play"></a>Play without Flash</h2>
<p>You can play most videos without having to use Flash. Using Quicktime the videos are played using way less resources. Supported videos are played without Flash by default.</p>
<p>Just click the play triangle.<sup>*</sup></p>
<p>
<a href="../lay/flashless/fullscreen.jpg" title="Fullscreen Video"><img class="aside" src="../lay/flashless/fullscreent.png" height="100" width="120" alt="Fullscreen" /></a>
If you are using Flashless in Safari 5 on Mac OS X 10.6 Snow Leopard you can play videos in fullscreen mode.</p>
<p>To switch on fullscreen mode, click the double arrows on the lower right side of the video.</p>
<p><img class="aside" src="../lay/shift.png" height="32" width="48" alt="Shift key" />To see the Flash version instead, hold the shift key and click the placeholder.</p>
<h2><a name="download"></a>Download Videos</h2>
<p>
<a href="../lay/flashless/download.jpg"><img class="aside" src="../lay/flashless/downloadt.png" height="100" width="100" alt="Download" /></a>
At many popular video services you can directly download the video. Just hold the option key and click the arrow.<sup>*</sup>
</p>
<p><img src="../lay/option.png" height="32" width="32" alt="Option key" /></p>
<h2><a name="remove"></a>Remove Advertisements</h2>
<p>
<a href="../lay/flashless/menu.jpg"><img class="aside" src="../lay/flashless/menut.png" height="100" width="100" alt="Menu" /></a>
Annoying advertisements can be removed with a simple menu command.
</p>
<p>Many more options are available from the menu. You can play or remove all elements from the same source. And you can even let <em>Flashless</em> do it automatically for you.</p>
<h2><a name="original"></a>Jump to Original</h2>
<p>
<a href="../lay/flashless/original.jpg" title="Jump to Original"><img class="aside" src="../lay/flashless/originalt.png" height="100" width="100" alt="Original" /></a>
Watch videos on their home site. So you can see more information about this video including comments and related videos. This is especially useful on blog site that aggregate many videos from different origins.
</p>
<p>Just hold the command key and click the curly arrow.<sup>*</sup></p>
<p><img src="../lay/command.png" height="32" width="32" alt="Command key" /></p>
<p class="note">*) See a list of <a href="faq.html#support">supported services</a>.</p>
<p class="note">Video stills <a href="http://creativecommons.org/licenses/by-sa/3.0/">(cc)</a> Harald Walker (<a href="http://www.vimeo.com/6342152">first, second</a> and <a href="http://www.vimeo.com/4281065">last</a> screenshot), Nattu (<a href="http://www.flickr.com/photos/nattu/3094752363/">Menu screenshot</a>).</p>
</div>
<div id="bymeta">
<div class="wrapper">
<a id="bird" href="http://twitter.com/nosuch" title="Follow us on Twitter"><img src="../lay/bird.png" height="45" width="84" alt="Bird: @nosuch" /></a>
<ul class="mini">
<li><a href="features.html">en</a></li>
<li><a href="../de/flashless/features.html">de</a></li>
</ul>
<p><a href="http://useless.github.com/flashless/features.html">useless.github.com/flashless/features.html</a> — Useless Coding.</p>
<p>Last edited on <em>December 26, 2010</em>.</p>
</div>
</div>
</body>
</html>