client/player/index-player7.html
changeset 57 3a3c15c462f8
parent 20 f8788d4ddcfd
parent 51 2d6866072851
equal deleted inserted replaced
48:44d58d2e90b5 57:3a3c15c462f8
     1  <!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
     1  <!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
     2 <html>
     2 <html>
     3 <head>
     3 <head>
     4 <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
     4 <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
     5 	<title>	Augmented Media Player	v 0.06  | with JWplayer</title>
     5 	<title>	Augmented Media Player	v 0.07  | with JWplayer</title>
     6 <!-- ***************************************************************** -->
     6 <!-- ***************************************************************** -->
     7 <!-- EXTERNAL JAVASCRIPT / JQUERY -->
     7 <!-- EXTERNAL JAVASCRIPT / JQUERY -->
     8 <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
     8 <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
     9 <script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
     9 <script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
    10 <script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
    10 <script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
    19     var $jIRI = jQuery.noConflict();
    19     var $jIRI = jQuery.noConflict();
    20 </script>
    20 </script>
    21    
    21    
    22 <!-- ***************************************************************** -->
    22 <!-- ***************************************************************** -->
    23 <!-- CSS QUERY --> 
    23 <!-- CSS QUERY --> 
    24 <link type="text/css" href="css/jq-css/themes/base/jquery.ui.all.css" rel="stylesheet" />
    24 <link type="text/css" href="css/jq-css/themes/citizen/jquery.ui.all.css" rel="stylesheet" />
       
    25 <!--
    25 <link type="text/css" href="css/jq-css/demos.css" rel="stylesheet" />
    26 <link type="text/css" href="css/jq-css/demos.css" rel="stylesheet" />
    26 
    27 -->
    27 
    28 
    28 <!-- ***************************************************************** -->
    29 <!-- ***************************************************************** -->
    29 <!-- CSS CUSTOM  --> 
    30 <!-- CSS CUSTOM  --> 
    30 <style type="text/css">
    31 <link type="text/css" href="css/LdtPlayer.css" rel="stylesheet" />
    31 		#demo-frame > div.demo { padding: 5px !important; };
    32 
    32 		.iri-chapter{
       
    33 			padding-top:10px;
       
    34 			padding-bottom:5px;
       
    35 			border-left:solid 1px #aaaaaa;
       
    36 			border-right:solid 1px #aaaaaa;'
       
    37 		}
       
    38 		
       
    39 		.tooltip {
       
    40 			display:none;
       
    41 			background:transparent url(css/jq-css/tooltip/white_arrow.png);
       
    42 			font-size:12px;
       
    43 			height:100px;
       
    44 			width:180px;
       
    45 			padding:10px;
       
    46 			padding-left:15px;
       
    47 			padding-right:15px;
       
    48 			color:#000;	
       
    49 		}
       
    50 		
       
    51 		#Annotations{
       
    52 			padding-left:5px;
       
    53 			width:470px;
       
    54 			float:left;
       
    55 		}
       
    56 		#ldtSaTitle{
       
    57 			padding-top:2px;
       
    58 			padding-bottom:5px;
       
    59 			font-size:18px;
       
    60 			color:#FFF;	
       
    61 			height:22p;
       
    62 		}
       
    63 		#ldtSaDescription{
       
    64 			font-size:12px;	
       
    65 			color:#FFF;	
       
    66 		}
       
    67 		#ShowAnnotation{
       
    68 			position:absolute;
       
    69 			z-index: 999;
       
    70 			padding:5px;
       
    71 			background:url(css/custom/images/transBlack.png);
       
    72 		}
       
    73 		
       
    74 		#ldtPlaceHolder{
       
    75 			position:absolue;
       
    76 			float:none;
       
    77 		}
       
    78 		.ldtControl1{
       
    79 			width:70px;
       
    80 			float:left;
       
    81 		}
       
    82 		.ldtControl2{
       
    83 			padding-left:10px;
       
    84 			width:70px;
       
    85 			float:left;
       
    86 		}
       
    87 </style>
       
    88 
    33 
    89 <!-- JS IRI PLAYER FOR HEAD --> 
    34 <!-- JS IRI PLAYER FOR HEAD --> 
    90 <script type="text/javascript" src="js/LdtPlayer.js"></script> 
    35 <script type="text/javascript" src="js/LdtPlayer.js"></script> 
    91 
    36 
    92 </head>
    37 </head>
   100 
    45 
   101 
    46 
   102 
    47 
   103 <div id="playerLdt"></div>
    48 <div id="playerLdt"></div>
   104 <script  type="text/javascript">
    49 <script  type="text/javascript">
   105 	playerLdt(550,310, "http://dev.prototype-w.com/wu.mu/cinelabModel_Peter.js","playerLdt");
    50 	playerLdt(550,310, "http://web.iri.centrepompidou.fr/eulalie/eulalie/ldt/cljson/externalid/Rushes_ep2_1_080610_FR","playerLdt","swf/player.swf");
   106 </script>
    51 </script>
   107 
    52 
   108 
    53 
   109 <br/><br/><br/><br/><br/>
    54 <br/><br/><br/><br/><br/>
   110 	
    55