topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

lib-flow-example-multiple.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">
  
  <style>
  
  /* styling of the container. */
  a.myPlayer {
          display:block;
          width: 320px;
          height:240px; 
          text-align:center;
          margin:0 15px 15px 0;
          float:left;
          border:1px solid #999;
  }
  
  /* play button */
  a.myPlayer img {
          margin-top:70px;
          border:0px;
  }
  
  /* when container is hovered we alter the border color */
  a.myPlayer:hover {
          border:1px solid #000;
  }
  </style>
  
  <!-- player #1 -->
  </head><body><a class="myPlayer" href="http://blip.tv/file/get/KimAronson-TwentySeconds58192.flv" style="background-image: url(images/58192.jpg);"> 
          <img src="lib-flow-example-files-play-large.png" alt="Demo video 1"> 
  </a> 
  
  <!-- player #2 -->
  <a class="myPlayer" href="http://blip.tv/file/get/KimAronson-TwentySeconds67463.flv" style="background-image: url(images/67463.jpg);"> 
          <img src="lib-flow-example-files-play-large.png" alt="Demo video 2"> 
  </a> 
  
  <!-- player #3 -->
  <a class="myPlayer" href="http://blip.tv/file/get/KimAronson-TwentySeconds63617.flv" style="background-image: url(images/63617.jpg);"> 
          <img src="lib-flow-example-files-play-large.png" alt="Demo video 3"> 
  </a> 
  
  <!-- player #4 -->
  <a class="myPlayer" href="http://blip.tv/file/get/KimAronson-TwentySeconds70930.flv" style="background-image: url(images/70930.jpg);"> 
          <img src="lib-flow-example-files-play-large.png" alt="Demo video 4"> 
  </a> 
  
  <br clear="all">
  
  <script>        
  
  // a- tags with class "myPlayer" are transformed into video players
  flowplayer("a.myPlayer", "swf/flowplayer-3.1.0.swf");
  </script>
  
  </body></html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(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.