web/film-aleatoire-the-end-etc.html
author ymh <ymh.work@gmail.com>
Sun, 10 Feb 2013 23:21:03 +0100
changeset 130 1403b7d2f405
parent 124 8d2376eb825c
permissions -rw-r--r--
Correction media id on mashup by tag + nelle version
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     1
<!DOCTYPE html>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     2
<html lang="fr">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     3
	<head>
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
     4
		<meta charset="UTF-8">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
     5
		<title>THE END, ETC. : MA VERSION DU FILM DE LAETITIA MASSON</title>
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
     6
		
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
     7
		<meta name="robots" content="noindex">
105
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 103
diff changeset
     8
		<meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON">
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
     9
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    10
		<link rel="icon" href="static/res/img/favicon.ico" />		
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    11
		
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    12
		<!-- Site Optimization for Facebook -->
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    13
        <meta property="og:title" content="The End, etc." />
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    14
		<meta property="og:type" content="website" />
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
    15
		<meta property="og:image" content="http://the-end.nouvelles-ecritures.francetv.fr/theend_fb.jpg" />
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    16
		<meta property="og:site_name" content="The End, etc." />
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    17
		<meta property="og:description" content="The End, etc. : ma version du film de Laetitia Masson #TheEndEtc"/>
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    18
		
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    19
		<!-- Mobile Specific Metas -->		
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    20
		<meta name="viewport" content="user-scalable=no">
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    21
		<!--
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    22
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    23
		-->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    24
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    25
		<!-- Test Smartphone  -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    26
	    <script src="static/res/js/incdetectmobile.js"></script>        
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    27
		<script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    28
			if (IsSmartphone()) { location.href = "mindex.html"; }	
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    29
		</script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    30
		<!-- Metanav FranceTV 	-->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    31
		<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    32
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    33
		<link rel="stylesheet" href="static/res/css/style_1024.css" />
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    34
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    35
	</head>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    36
	<body>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    37
		<!-- div content - site takes the full height of browser -->	
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    38
		<div id="content" class="full_hightScreen">
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    39
			
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    40
			<!-- div content_top - the elements takes the full height of "content_top" -->				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    41
			<div id="content_top">	
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    42
				<div id="topEmpty"></div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    43
				<section id="main">	
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    44
		            <!-- Video -->
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    45
			        <div id="video" class="small_video">
41
f2123b4487e9 début écrans de choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 36
diff changeset
    46
			        </div> 
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    47
	            	<!-- /Video -->	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    48
				</section>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    49
				<div id="bottomEmpty"></div>
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    50
			</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    51
			
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    52
			<!-- Controls container -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    53
			<footer id="controlContainer">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    54
				<!-- @todo JS the player disappears down the screen after 5 sec -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    55
                <section id="controlbar">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    56
       				<div class="container_hcentering">
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    57
       					<button id="btnInfo" class="btn" onclick="openClosePopup();">INFO</button>
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    58
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    59
	       				<button id="btnSDHD" class="btn" onClick="incPlayer.ctrlHdSd()">SD/HD</button>
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    60
	                    
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    61
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    62
	                    <div id="progressContainer">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    63
		                    
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    64
		                    <div id="progressBar" class="progress_bar">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    65
		                    	<span id="progress" class="progress_bar"></span>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    66
		                    	<button id="stateBar" class="txt_hidden"></button>
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    67
		                	</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    68
		                    
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    69
		                   	<ul id="progressTime" class="clearfix">
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    70
		                   		<!-- class="txt_white" can be used to color current time in white -->
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    71
		                   		<li id="current" class="floatL">0'00''</li>
46
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    72
		   						<li id="duration" class="floatR">0'00''</li>
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    73
		   					</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    74
						
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    75
						</div>
46
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    76
	                    <button id="btnBck" class="btn txt_hidden" onClick="incPlayer.ctrlPrev();">Back</button>  
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    77
		                <!--I use a single button, which will serve as a play button when the video is paused (or stopped) and a pause button when it's playing.
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    78
		                -->	                    
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    79
	                    <button id="btnPlayPause" class="btn txt_hidden" title="play" onClick="incPlayer.ctrlPlay();">Play/Pause</button> 
46
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    80
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
    81
	                    <button id="btnFwd" class="btn txt_hidden" onClick="incPlayer.ctrlNext();">Forward</button>
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    82
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    83
						<!-- il faut faire un lien vers la page transition mais le div the end,etc est visible ??? -->
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    84
	                    <button id="btnChoice" class="btn" onClick="location.href = 'transition-the-end-etc.html';">Choice</button>             
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    85
                    </div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    86
                </section>              
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    87
            <!-- /Controlbar container -->
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    88
			</footer>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    89
			<!-- il faut stopper la video quand on clique sur info ??? -->
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    90
			<div id="popUpDiv" style="display:none;">
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    91
				<div id="popUpTitle">
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    92
					<h2>THE END, ETC. <br><span class="text_lowercase">de Laetitia Masson.</span></h2>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    93
					<a id="popUpClose" class="pointer"  onclick="openClosePopup();">
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    94
						<img alt="Fermer" src="static/res/img/popUpClose.png"/>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    95
					</a>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    96
				</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
    97
				<div id="popUpTxtScroll">
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
    98
				
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
    99
					<p>À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux...<br>
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   100
					Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p>
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   101
					<p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.<br>
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   102
					Fin du monde ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   103
					Fin d'une ère ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   104
					Fin d'un idéal ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   105
					Début d'autre chose ?<br>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   106
					Ceci est votre expérience.</p>
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   107
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   108
					<h3>COMPOSER VOTRE FILM</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   109
					<p>Une expérience de cinéma qui débute par trois clics.<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   110
					Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. » Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes.<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   111
					Vous pouvez recommencer à l’infini.<br> 
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   112
					Autant de propositions que de spectateurs...</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   113
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   114
					<h3>THE END, ETC.</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   115
					<p>Dans cet espace, découvrez la fiction dans son intégralité, les portraits documentaires et accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   116
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   117
					<h3>PROLONGER L’EXPÉRIENCE</h3>
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   118
					<p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. À vous de choisir votre porte d'entrée dans ces 4h30 de séquences. À vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   119
					<p>Un espace transitoire vous permet de naviguer entre ces différents niveaux et de partager votre film sur les réseaux sociaux.</p>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   120
					<br>
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   121
					<p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale.<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   122
					Préférez les navigateurs Safari ou Chrome.</p>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   123
				</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   124
			</div>				
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   125
		</div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   126
		<div id="blanket" style="display:none;"></div>
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   127
	
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   128
		<!-- JavaScript -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   129
        <script src="static/res/js/jquery-1.8.2.min.js"></script>
46
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
   130
       	<script src="static/res/js/jquery.cookie.js"></script>        	      
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   131
        <script src="static/res/js/popcorn-complete.js"></script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   132
        <script src="static/res/js/popcorn.sequence.js"></script>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   133
	    <script src="static/res/js/incdetectmobile.js"></script>                
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   134
        <script src="static/res/js/incplayer.js"></script>        
46
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
   135
        <script src="static/res/js/incchoice.js"></script>        
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   136
        <script src="static/res/js/popup.js"></script>
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   137
        <script src="static/res/js/incresize.js"></script>
124
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 105
diff changeset
   138
        <script src="static/res/js/inchidebar.js"></script>       
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   139
        <script>        
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   140
            $(function() {
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   141
46
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
   142
            	// Init the video player
94
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   143
                if (incPlayer.init("transition-the-end-etc.html", "video", "btnPlayPause", "btnSDHD", "current", "duration", "stateBar", "progressBar", "static/res/json/sequences.json")) {
873b0e9ff7f6 update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 92
diff changeset
   144
                    incPlayer.createPopSequence(incChoice.getChoosenWords(), incChoice.getChosenVideos(), incChoice.readUrlVideosIndex());             
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   145
46
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
   146
					// Add class on all videos
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 41
diff changeset
   147
           			$("#video").children().addClass("small_video");			
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   148
                }
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   149
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   150
            	// Init the resize object
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   151
            	incResize.init("content", "topEmpty", "video", "bottomEmpty", "controlContainer", 50, 1353/571, true, [resizePopup]);
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   152
            	incResize.resizeElements();
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   153
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   154
            	// Manage the hinding of the bar and of the pointer
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 94
diff changeset
   155
            	incHideBar.init(null);
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   156
            });
78
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   157
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   158
            var resizePopup = function() {
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   159
            	popupPosition('popUpDiv', 'content');
8c3f0b94d056 big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents: 46
diff changeset
   160
            }
36
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   161
        </script>        			
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   162
	</body>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   163
</html>