-
Notifications
You must be signed in to change notification settings - Fork 0
/
readme.html
78 lines (66 loc) · 3.28 KB
/
readme.html
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<title>Projekktor - simply mighty video</title>
<style type="text/css">
body { background-color: #fdfdfd; padding: 0 20px; color:#000; font: 13px/18px monospace; width: 800px;}
a { color: #360; }
h3 { padding-top: 20px; }
</style>
<!-- Load player theme -->
<link rel="stylesheet" href="theme/maccaco/projekktor.style.css" type="text/css" media="screen" />
<!-- Load jquery -->
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<!-- load projekktor -->
<script type="text/javascript" src="projekktor-1.2.35r319.min.js"></script>
</head>
<body>
<h1>W00t!! Thanx for downloading Projekktor V<span id="projekktorver"></span>.</h1>
<p>
This file is intended to give a quick introduction on how to install and use Projekktor.
Please have a look at the source in order to check out what´s going on here.
More detailed information and a documentation can be found online:
</p>
<ul>
<li><a href="http://www.projekktor.com">Homepage</a></li>
<li><a href="http://www.projekktor.com/docs.php">Docs</a></li>
<li><a href="http://www.projekktor.com/downloads.php">More Downloads</a></li>
<li><a href="http://www.projekktor.com/license.php">GPL License</a></li>
<li><a href="http://www.projekktor.com/donate.php"><b>Support this projekkt: Consider a donation</b></a></li>
<li><a href="http://www.spinningairwhale.com/contact/?via=distro"><b>Need customizations or Support? Get in touch.</b></a></li>
</ul>
<p>
brought to you by <a href="http://www.spinningairwhale.com">spinning airwhale</a> - web|media|interfaces
</p>
<h2>Example - One Video, OGG+MP4+WEBM, Theme: Maccaco by <a href="http://www.porkhead.org">porkhead</a></h2>
<video id="player_a" class="projekktor" poster="media/intro.png" title="this is Projekktor" width="640" height="385" controls>
<source src="media/intro.ogv" type="video/ogg" />
<source src="media/intro.mp4" type="video/mp4" />
<source src="media/intro.webm" type="video/webm" />
</video>
<h2>Just a simple YouTube Test</h2>
<video id="player_b" class="projekktor" title="Projekktor YouTube Test" width="640" height="385" src="http://www.youtube.com/watch?v=Ao3oSfG7qrw" type="video/youtube" controls></video>
<script type="text/javascript">
$(document).ready(function() {
projekktor(
'#player_a', // destination-container-selector-fuzz a la jQuery
{
}, // an empty Projekktor-ccofig-object
function(player) { // "onready" callback -
$('#projekktorver').html( player.getPlayerVer() );
}
);
projekktor(
'#player_b', // destination-container-selector-fuzz a la jQuery
{
}, // an empty Projekktor-ccofig-object
function(player) { // "onready" callback -
$('#projekktorver').html( player.getPlayerVer() );
}
);
});
</script>
<h3 style="color: red;">Already using Projekktor? Please don´t forget to read the <a href="http://www.projekktor.com/changelog.php">changelog</a>.</h3>
</body>
</html>