topical media & game development

talk show tell print

lib-flow-example-container.htm / htm



  <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html><head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 
          
  <script src="lib-flow-example-files-flowplayer-3.js"></script>
  
  <style>
  
  /* container */
  #splash {
          
          /* background image */
          background:transparent url(/img/demos/helloworld.jpg) no-repeat scroll 0%;
          
          /* container dimensions */
          display:block;
          height:232px;
          width:388px;
          
          /* padding will show the surroundings even when the player is loaded */
          padding:55px 76px 93px 236px;        
          
          /* make play button centerered horizontally */ 
          text-align:center;
          color:#fff
  }
  
  </style>
  
  <!-- player container. it uses a background image and CSS settings are shown later --> 
  <script language="JavaScript">
  f("splash", "swf/flowplayer-3.1.0.swf",  {
          plugins:  {
                  controls:  {
                          backgroundGradient: 'none',
                          backgroundColor: 'transparent',
                          all:false,
                          scrubber:true
                  }
          },
          
          canvas: {
                  backgroundColor:'#18b9ed',
                  backgroundGradient: 'high'
          },
          
          screen: {
                  height:232,
                  bottom:0                
          }
  });
  </script></head><body><a id="splash" href="http://blip.tv/file/get/N8inpasadena-Flowers457.flv">
  
          <!-- place some HTML inside container --> 
          &nbsp;        
          
  </a>  
  
  <!-- install player -->
  
  </body></html>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.