js2/mwEmbed/example_usage/Firefogg_Make_Advanced.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   4     <title>Firefogg - Make Ogg Video in your Browser</title>
   5         <script type="text/javascript" src="../jsScriptLoader.php?&class=mv_embed,window.jQuery,mvBaseUploadInterface,mvFirefogg,mvAdvFirefogg,$j.ui,$j.ui.progressbar,$j.ui.dialog,$j.cookie,$j.ui.accordion,$j.ui.slider,$j.ui.datepicker"></script>
   6 <style type="text/css" media="all">body {
   7   margin: 0;
   8   padding: 0;
   9   font-family: Vera Sans, sans-serif;
  10   font-size: 12px;
  11   color: #000;
  12   background: #fff;
  13 }
  14
  15 a {
  16   color: #000;
  17 }
  18 img {
  19   border: 0;
  20 }
  21 h1, h2 {
  22   text-align: center;
  23 }
  24 h1 {
  25   font-size: 48px;
  26   letter-spacing: 0.25em;
  27   margin-bottom: 0;
  28   line-height: 0.8em;
  29 }
  30 h2 {
  31   margin-left: -11px;
  32   font-size: 12px;
  33   font-weight: normal;
  34   letter-spacing: 0.1em;
  35 }
  36
  37 #main {
  38   margin-top: 10px;
  39 }
  40
  41 .install {
  42   margin-left: auto;
  43   margin-right: auto;
  44   width: 180px;
  45   padding: 8px;
  46   background-color: #fe0000;
  47   font-size: 12px;
  48   font-weight: bold;
  49   text-align: center;
  50 }
  51
  52 .install a {
  53   color: #000;
  54 }
  55
  56 #nav {
  57   margin-left: -11px;
  58   text-align: center;
  59   padding-bottom: 20px;
  60 }
  61 </style>
  62 <style type="text/css" media="all">
  63 .install{
  64 display:none;
  65 }
  66 </style>
  67 <script type="text/javascript">
  68 mwAddOnloadHook(function(){
  69         $j('#firefogg_app').firefogg({
  70                         'encoder_interface'     : true,
  71                         'encode_local'          : true
  72         },function(){
  73                 $j('#loadFogg').hide();
  74         });
  75         $j('#doThemeRoller').click(function(){
  76                 if(window.jquitr){
  77                         jquitr.addThemeRoller();
  78                 } else{
  79                         loadExternalJs('http://jqueryui.com/themeroller/developertool/developertool.js.php');
  80                 }
  81         }).html('custom themes');
  82 });
  83 </script>
  84 </head><body>
  85 <div id="main">
  86   <h1><a href="http://www.firefogg.org/index.html"><img
  87 src="http://www.firefogg.org/png/firefogg.png" alt="Firefogg"></a><br>
  88 Make Ogg Video</h1>
  89 <br>
  90         <br>
  91         <div style="margin-right:auto;margin-left:auto;width:500px;" id="loadFogg">Loading firefogg<blink>...</blink></div>
  92         <div style="margin-right:auto;margin-left:auto;width:500px;height:230px"  id="firefogg_app"></div>
  93
  94         <div style="height:295px"></div>
  95         <center><span style="font:size:80%">Built using <a href="http://firefogg.org">firefogg</a>, <a href="http://www.mediawiki.org/wiki/Media_Projects_Overview#MwEmbed">MwEmbed</a> and <a href="http://jqueryui.com/">jquery.ui</a>. Supports
  96                 <a href="#" id="doThemeRoller">...</a>
  97         </span>
  98         </center>
  99 </body></html>
 100