topical media & game development

talk show tell print

lib-flow-example-controls.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">
  
  <!-- 
          This is Flowplayer standalone demo. The fastest way to get started. 
          You can freely copy things on your site. All demos can be found from: 
          
          http://flowplayer.org/demos/
  	
  	Enjoy!
  -->
  
  <!-- DOCTYPE is always recommended. see: http://www.quirksmode.org/css/quirksmode.html -->
   
  
  <!-- flowplayer scripts should be loaded from your servers NOT from static.flowplayer.org  -->
  
  <script type="text/javascript" src="lib-flow-example-files-flowplayer-3.js"></script>
  
    
  <!-- some styling for the standalone page. this line can (or must) be removed -->
  <link rel="stylesheet" type="text/css" href="lib-flow-example-files-standalone.css">
  
  <!-- player container --> 
  <script>
  
  f("player", "swf/flowplayer-3.1.0.swf",  {
                  
          // use the first frame of the video as a "splash image"
          clip: {
                  autoPlay: false,
                  autoBuffering: true
          },
          
          // controlbar settings
          plugins:  {
                  controls: {                        
                          
                          // setup a background image
                          background: 'url(/img/player/skin_leather.png) repeat',
                          
                          /* you may want to remove the gradient */
                          // backgroundGradient: 'none',
                          
                          // these buttons are visible
                          all:false,
                          scrubber:true,
                          play:true,
                          mute:true,
                          
                          // custom colors
                          bufferColor: '#333333',
                          progressColor: '#cc0000',                        
                          buttonColor: '#cc0000',
                          buttonOverColor: '#ff0000',
                          
                          // tooltip background color (since 3.1.0)
                          tooltipColor: '#cc0000',
                          
                          // custom height
                          height: 30,
                          
                          // setup auto hide
                          autoHide: 'always',                        
                          
                          // a little more styling                         
                          width: '98%', 
                          bottom: 5,
                          left: '50%',
                          borderRadius: 15,
  
                          
                  }
          }
  });
  </script></head><body><a id="player" style="width: 500px; height: 325px; display: block;" href="http://player-e7.simplecdn.net/flowplayer.flv"><object id="player_api" data="lib-flow-example-files-flowplayer-3.swf" type="application/x-shockwave-flash" width="100%" height="100%"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><param name="quality" value="high"><param name="bgcolor" value="#000000"><param name="flashvars" value="config={&quot;clip&quot;:{&quot;autoPlay&quot;:false,&quot;autoBuffering&quot;:true,&quot;url&quot;:&quot;http://player-e7.simplecdn.net/flowplayer.flv"},"plugins":{"controls":{"background":"url(/img/player/skin_leather.png) repeat&quot;,&quot;all&quot;:false,&quot;scrubber&quot;:true,&quot;play&quot;:true,&quot;mute&quot;:true,&quot;bufferColor&quot;:&quot;#333333&quot;,&quot;progressColor&quot;:&quot;#cc0000&quot;,&quot;buttonColor&quot;:&quot;#cc0000&quot;,&quot;buttonOverColor&quot;:&quot;#ff0000&quot;,&quot;tooltipColor&quot;:&quot;#cc0000&quot;,&quot;height&quot;:30,&quot;autoHide&quot;:&quot;always&quot;,&quot;width&quot;:&quot;98pct&quot;,&quot;bottom&quot;:5,&quot;left&quot;:&quot;50pct&quot;,&quot;borderRadius&quot;:15},&quot;playerId&quot;:&quot;player&quot;,&quot;playlist&quot;:[{&quot;autoPlay&quot;:false,&quot;autoBuffering&quot;:true,&quot;url&quot;:&quot;http://player-e7.simplecdn.net/flowplayer.flv"}]}"></object></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.