diff options
Diffstat (limited to 'extensions/TimedMediaHandler/MwEmbedModules/EmbedPlayer/tests/Player_Themable.html')
-rw-r--r-- | extensions/TimedMediaHandler/MwEmbedModules/EmbedPlayer/tests/Player_Themable.html | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/extensions/TimedMediaHandler/MwEmbedModules/EmbedPlayer/tests/Player_Themable.html b/extensions/TimedMediaHandler/MwEmbedModules/EmbedPlayer/tests/Player_Themable.html new file mode 100644 index 00000000..d70b4084 --- /dev/null +++ b/extensions/TimedMediaHandler/MwEmbedModules/EmbedPlayer/tests/Player_Themable.html @@ -0,0 +1,71 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" +"http://www.w3.org/TR/html4/loose.dtd"> +<html> +<head> + <title> Sample Themed Player </title> + Pre-loading demo ( stuff ) likely needed for video display + <!-- <script type="text/javascript" src="../../../ResourceLoader.php?debug=true&class=mwEmbed"></script> --> + <script type="text/javascript" src="../../../mwEmbedStartup.php"></script> + +</head> +<script type="text/javascript"> + // Show the controls ( this is a theme demo ) + mw.setConfig( 'EmbedPlayer.OverlayControls', false ); +</script> +<body> + +<h3> Sample Themable Player:</h3> +To play with dynamic Themes install <a href="http://jqueryui.com/themeroller/developertool/">Themeroller</a><p><p> + +<div style="width:450px;float:left"> +<video + style="width:400px;height:300px" + src="http://upload.wikimedia.org/wikipedia/commons/2/29/Charles_Lindbergh_flight_to_Brussels.ogg" + poster="http://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Charles_Lindbergh_flight_to_Brussels.ogg/mid-Charles_Lindbergh_flight_to_Brussels.ogg.jpg" + apiTitleKey="Charles_Lindbergh_flight_to_Brussels.ogg" + apiProvider="commons" + durationHint="60" > +</video> + +<video + style="width:208px;height:160px;float:left" + src="http://upload.wikimedia.org/wikipedia/commons/2/29/Charles_Lindbergh_flight_to_Brussels.ogg" + apiTitleKey="Charles_Lindbergh_flight_to_Brussels.ogg" + apiProvider="commons" + poster="http://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Charles_Lindbergh_flight_to_Brussels.ogg/mid-Charles_Lindbergh_flight_to_Brussels.ogg.jpg" + durationHint="60"> + </video> + +<b>Source Code used:</b><br> +<textarea cols="50" rows="7"><video style="width:400px;height:288px" poster="http://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Charles_Lindbergh_flight_to_Brussels.ogg/mid-Charles_Lindbergh_flight_to_Brussels.ogg.jpg" +src="http://upload.wikimedia.org/wikipedia/commons/2/29/Charles_Lindbergh_flight_to_Brussels.ogg"></video></textarea> +</div> + +<div style="width:450px;float:left"> +<video + class="kskin" + style="width:400px;height:300px" + src="http://upload.wikimedia.org/wikipedia/commons/2/29/Charles_Lindbergh_flight_to_Brussels.ogg" + apiTitleKey="Charles_Lindbergh_flight_to_Brussels.ogg" + apiProvider="commons" + poster="http://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Charles_Lindbergh_flight_to_Brussels.ogg/mid-Charles_Lindbergh_flight_to_Brussels.ogg.jpg" + durationHint="60"> +</video> +<video + class="kskin" + apiTitleKey="Charles_Lindbergh_flight_to_Brussels.ogg" + apiProvider="commons" + style="width:208px;height:160px;float:left;" src="http://upload.wikimedia.org/wikipedia/commons/2/29/Charles_Lindbergh_flight_to_Brussels.ogg" + poster="http://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Charles_Lindbergh_flight_to_Brussels.ogg/mid-Charles_Lindbergh_flight_to_Brussels.ogg.jpg" + durationHint="60"> +</video> + +<b>(kskin) Source Code used:</b><br> +<textarea cols="50" rows="7"><video class="kskin" style="width:400px;height:288px" poster="http://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Charles_Lindbergh_flight_to_Brussels.ogg/mid-Charles_Lindbergh_flight_to_Brussels.ogg.jpg" +src="http://upload.wikimedia.org/wikipedia/commons/2/29/Charles_Lindbergh_flight_to_Brussels.ogg"></video></textarea> +</div> + + +</body> +</html> + |