[ Index ]

PHP Cross Reference of Drupal 6 (yi-drupal)

title

Body

[close]

/sites/all/libraries/highslide/examples/ -> youtube.html (source)

   1  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
   2  <html>
   3  <head>
   4  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5  
   6  <title>Highslide JS</title>
   7  
   8  <!--
   9      1 ) Reference to the files containing the javascript.
  10      These files must be located on your server.
  11  -->
  12  
  13  <script type="text/javascript" src="../highslide/highslide-with-html.js"></script>
  14  <link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
  15  
  16  <!--
  17      2) Optionally override the settings defined at the top
  18      of the highslide.js file. The parameter hs.graphicsDir is important!
  19  -->
  20  
  21  <script type="text/javascript">
  22      // Apply the Highslide settings

  23      hs.graphicsDir = '../highslide/graphics/';
  24      hs.outlineType = 'rounded-white';
  25      hs.outlineWhileAnimating = true;
  26  </script>
  27  
  28  </head>
  29  
  30  <body>
  31  <div>
  32  
  33  <!--
  34      5) This is how you mark up the thumbnail or text link. 
  35      
  36      The href is a two component string where the first part, left of the question mark, is extracted
  37      from the "Embed" code snippet found at the YouTube page for this video:
  38      
  39          "http://www.youtube.com/embed/a0qMe7Z3EYg"
  40          
  41      The second component, to the right of the question mark, are the parameters. See
  42      http://code.google.com/intl/no-NO/apis/youtube/player_parameters.html for a full reference.
  43      In the example below, we set rel to 0 to disable loading related videos once the playback 
  44      of the initial video starts. Then, more importantly, we set wmode to transparent to allow
  45      Highslide to add overlays (close buttons, navigation etc.) to the popup:
  46          
  47          "?rel=0&amp;wmode=transparent"
  48      
  49  -->
  50  <a href="http://www.youtube.com/embed/a0qMe7Z3EYg?rel=0&amp;wmode=transparent" 
  51          onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 385, 
  52          allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', 
  53          preserveContent: false, objectLoadTime: 'after'})"
  54          class="highslide">
  55      Display YouTube movie
  56  </a>
  57  
  58  </div>
  59  
  60  </body>
  61  
  62  </html>


Generated: Mon Jul 9 18:01:44 2012 Cross-referenced by PHPXref 0.7