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