"
Team:ETH Zurich/Templates/Video
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| + | <html> | ||
| + | <div style="width: 90%; margin-left: auto; margin-right: auto;"> | ||
| + | <video id="</html>{{{id|playerA}}}<html>" class="projekktor" poster="media/intro.png" title="</html>{{{title|}}}<html>" controls style="width: 100%; max-width:</html>{{{width|100%}}}<html>; max-height:</html>{{{height|100%}}}<html>"> | ||
| + | <source src="http://praegnanz.de/html5video/player/video_SD.mp4" type="video/mp4" /> | ||
| + | <source src="http://praegnanz.de/html5video/player/video_SD.webm" type="video/webm" /> | ||
| + | </video> | ||
| + | </div> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function() { | ||
| + | projekktor( | ||
| + | '#</html>{{{id|playerA}}}<html>', // destination-container-selector-fuzz a la jQuery | ||
| + | {ratio: </html>{{{width|16}}}<html>/</html>{{{height|9}}}<html>}, // an empty Projekktor-ccofig-object | ||
| + | function(player) | ||
| + | { // "onready" callback - | ||
| + | |||
| + | } | ||
| + | ); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | </html> | ||
| + | |||
| + | |||
| + | |||
<html> | <html> | ||
<div style="margin-left: auto; margin-right: auto; width: 100%;" id="</html>{{{id|playerA}}}<html>" class="projekktor"> | <div style="margin-left: auto; margin-right: auto; width: 100%;" id="</html>{{{id|playerA}}}<html>" class="projekktor"> | ||
Revision as of 12:37, 23 September 2013
