Current File : /home/k/a/r/karenpetzb/www/items/category/demo.html.tar
home/karenpetzb/www/business/light/js/video-js/demo.html000060400000001777150711751310017406 0ustar00<!DOCTYPE html>
<html>
<head>
  <title>Video.js | HTML5 Video Player</title>

  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="video.js"></script>

  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
  <script>
    _V_.options.flash.swf = "video-js.swf";
  </script>


</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      poster="http://video-js.zencoder.com/oceans-clip.png"
      data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="captions.vtt" srclang="en" label="English" />
  </video>

</body>
</html>
home/karenpetzb/www/business/light/js/TinyNav/demo.html000060400000003504150711772010017244 0ustar00<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>TinyNav.js &middot; Convert navigation to a tiny select box on small screen</title>

  <style>
    /* styles for desktop */
    .tinynav { display: none }
    #nav .selected a, #nav2 .selected a { color: red }
    /* styles for mobile */
    @media screen and (max-width: 600px) {
      .tinynav { display: block }
      #nav, #nav2 { display: none }
    }
  </style>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script src="tinynav.min.js"></script>
  <script>
    $(function () {

      // TinyNav.js 1
      $('#nav').tinyNav({
        active: 'selected',
        label: 'Menu'
      });
      
      // TinyNav.js 2
      $('#nav2').tinyNav({
        header: 'Navigation' // Writing any title with this option triggers the header
      });

    });
  </script>

</head>
<body>

    <h1>TinyNav.js</h1>

    <ul id="nav">
      <li><a href="http://google.com">Google</a></li>
      <li class="selected"><a href="demo.html">Demo page</a></li>
      <li><a href="http://bing.com">Bing</a>
        <ul>
          <li><a href="http://google.com">Google</a></li>
          <li><a href="demo.html">Demo page</a></li>
          <li><a href="http://bing.com">Bing</a></li>
          <li><a href="http://yahoo.com">Yahoo</a></li>
        </ul>
      </li>
      <li><a href="http://yahoo.com">Yahoo</a></li>
    </ul>
    
    
    <ul id="nav2">
      <li><a href="http://google.com">Google</a></li>
      <li><a href="demo.html">Demo page</a></li>
      <li class="selected"><a href="http://bing.com">Bing</a></li>
      <li><a href="http://yahoo.com">Yahoo</a></li>
    </ul>

    <p><a href="http://tinynav.viljamis.com/">See the documentation</a></p>

</body>
</html>