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 <script src="video.js" type="text/javascript"></script>\r
  17 \r
  18 <link rel="stylesheet" type="text/css" href="js/jcarousel/lib/jquery.jcarousel.css" />\r
  19 <link rel="stylesheet" type="text/css" href="js/jcarousel/skins/ie7/skin.css" />\r
  20 \r
  21 <link href="carousel.css" rel="stylesheet" type="text/css" />\r
  22 <link href="video.css" rel="stylesheet" type="text/css" />\r
  23 <link href="contentPanel.css" rel="stylesheet" type="text/css" />\r
  24 \r
  25 <title>R&amp;D TV Episode 2</title>\r
  26 \r
  27 </head>\r
  28 \r
  29 <body>\r
  30 \r
  31 <div id="content">\r
  32 \r
  33 <div id="videoAndMoreInformation">\r
  34 \r
  35         <div id="videoContainer">\r
  36                 <video id="vid" autoplay="autoplay" controls="controls">\r
  37                         <source src="video.ogv" />\r
  38 <!--\r
  39                         <source src="RDTV_ep2_5min.mov" />\r
  40 -->\r
  41                         <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
  42                 </video>\r
  43                 <div id="subtitle"></div>\r
  44         </div> <!-- videoContainer -->\r
  45 \r
  46 </div> <!-- videoAndMoreInformation -->\r
  47 \r
  48 <div class="toggleContentPanel carouselContainer">Programme chapters</div>\r
  49 \r
  50 <div id="carouselContainer">\r
  51         <ul id="carousel" class="jcarousel-skin-ie7">\r
  52                 <!-- Content loaded dynamically -->\r
  53         </ul>\r
  54 </div> <!-- carouselContainer -->\r
  55 \r
  56 <p>This is a proof of concept demonstration of HTML pluginless Video and Audio playback, showing AV content synchronised to chapters, allowing direct access to specific sections of the show.</p>\r
  57 \r
  58 <p><a href="http://open.bbc.co.uk/rad/projects/html5">Return to BBC RAD project page</a></p>\r
  59 \r
  60 <p>For more information, see <a href="http://www.bbc.co.uk/blogs/rad/2009/08/html5.html">HTML 5 and timed media</a> on the RAD blog</p>\r
  61 \r
  62 </div> <!-- content -->\r
  63 \r
  64 </body>\r
  65 \r
  66 </html>\r