This file is intended as a quick introduction on how to install and use the Projekktor <video> extension. To learn more about it please refer to:
Please check Projekktor License for detailed information about licensing.
Using Projekktor on your own websites is easy as 1-2-3:
Make sure your page loads the jQuery library V1.4.1 or higher. Version 1.4.2 is bundled with the distribution archive you got the file from you are currently reading. You may also want to check out jQuery´s home at jquery.com to learn more about it and what it does. To make jQuery available on your web page add the following HTML to your page´s HEAD section:
<script type="text/javascript" src="jquery.js"></script> <!-- Load jquery -->
Add the following HTML to your page´s HEAD section too. This will load the projekktor in its default configuration. Make sure you have uploaded projekktor.js, projekktor_theme_tll.css and playerMP4.swf to your webspace.
<script type="text/javascript" src="projekktor.js"></script> <!-- Load Projekktor player -->
<link rel="stylesheet" href="style/projekktor_theme_tll.css" type="text/css" media="screen" /> <!-- Load player theme -->
Alter the src path to projekktor.js as required or desired. If you want to put the above mentioned SWF to an other location alter the Projekktor configuration by hacking the following snippet into the HEAD of your HTML file(s):
<script type="text/javascript">
var PROJEKKTOR_CONFIG = {
playerFlashMP4: "<desired path here>/playerMP4.swf"
};
</script>
Visit this page in order to learn more about available config params.
Use the HTML5 video tag as usual. E.g. for the above example use the following HTML:
<video class="projekktor" poster="poster.png" title="this is Projekktor" width="640" height="385" controls>
<source src="video.mp4" type="video/mp4" />
<source src="video.ogv" type="video/ogg" />
</video>
brought to you by spinning airwhale media - Free the Princess of Agentia!