www/tv.html

   1 <!DOCTYPE html>\r
   2 \r
   3 <html>\r
   4 \r
   5 <head>\r
   6 \r
   7 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>\r
   8 <script src="js/effects.core.js" type="text/javascript"></script>\r
   9 <script src="js/effects.blind.js" type="text/javascript"></script>\r
  10 <script src="js/effects.slide.js" type="text/javascript"></script>\r
  11 <script src="js/jcarousel/lib/jquery.jcarousel.pack.js" type="text/javascript"></script>\r
  12 <script src="js/contentPanel.js" type="text/javascript"></script>\r
  13 \r
  14 <script src="jquery.sync.js" type="text/javascript"></script>\r
  15 <script src="html5tv.js" type="text/javascript"></script>\r
  16 \r
  17 <link rel="stylesheet" type="text/css" href="js/jcarousel/lib/jquery.jcarousel.css" />\r
  18 <link rel="stylesheet" type="text/css" href="js/jcarousel/skins/ie7/skin.css" />\r
  19 \r
  20 <script src="media/video.js" type="text/javascript"></script>\r
  21 <link href="media/video.css" rel="stylesheet" type="text/css" />\r
  22 \r
  23 <title>{video.title} | HTML5TV</title>\r
  24 \r
  25 </head>\r
  26 \r
  27 <body>\r
  28 \r
  29 <div id="content">\r
  30 \r
  31 <div id="videoAndMoreInformation">\r
  32 \r
  33         <div id="videoContainer">\r
  34                 <video id="vid" x-autoplay="autoplay" controls="controls">\r
  35                         <source src="media/video.ogv" />\r
  36 <!--\r
  37                         <source src="RDTV_ep2_5min.mov" />\r
  38 -->\r
  39                         <p id="videoElementWarning">Viewing these demos requires a browser capable of rendering the HTML 5 video element.<br />Please install a current version of <a href="http://www.mozilla.com">Firefox</a>, <a href="http://www.apple.com/safari">Safari</a> or <a href="http://www.google.com/chrome">Google&nbsp;Chrome</a>.</p>\r
  40                 </video>\r
  41                 <div id="slide" style="display: inline">\r
  42                 <img src="media/s/bars.png">\r
  43                 </div>\r
  44                 <div id="subtitle"></div>\r
  45         </div> <!-- videoContainer -->\r
  46 \r
  47 </div> <!-- videoAndMoreInformation -->\r
  48 \r
  49 <div class="toggleContentPanel carouselContainer">Presentation slides</div>\r
  50 \r
  51 <div id="carouselContainer">\r
  52         <ul id="carousel" class="jcarousel-skin-ie7">\r
  53                 <!-- Content loaded dynamically -->\r
  54         </ul>\r
  55 </div> <!-- carouselContainer -->\r
  56 \r
  57 <p>This web interface is based on BBC R&amp;D TV\r
  58 <a href="http://www.bbc.co.uk/blogs/rad/2009/08/html5.html">HTML 5 and timed media</a> from the RAD blog</p>\r
  59 \r
  60 </div> <!-- content -->\r
  61 \r
  62 </body>\r
  63 \r
  64 </html>\r