theend: web/portraits-regarde-the-end-etc.html@49f930abb58a (annotated)

78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	1	<!DOCTYPE html>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	2	<html lang="fr">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	3	<head>
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	4	<meta charset="UTF-8">
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	5	<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	6
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	7	<meta name="robots" content="noindex">
105 7a033d177687 resync 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 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	9
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	10	<link rel="icon" href="static/res/img/favicon.ico" />
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	11
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	12	<!-- Mobile Specific Metas -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	13	<meta name="viewport" content="user-scalable=no">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	14	<!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	15	<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: diff changeset	16	-->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	17
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	18	<!-- Test Smartphone -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	19	<script src="static/res/js/incdetectmobile.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	20	<script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	21	if (IsSmartphone()) { location.href = "mindex.html"; }
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	22	</script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	23	<!-- Metanav FranceTV -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	24	<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: diff changeset	25
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	26	<link rel="stylesheet" href="static/res/css/style_1024.css" />
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	27
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	28	<!-- tags FTV Variables Xiti-->
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	29	<script>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	30	<!--//--><![CDATA[//><!--
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	31	// Variables Xiti
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	32	var xtsite = "511613";
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	33	var xtn2 = "5";
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	34	var xtpage = "Espace_transitoire::The_End_Etc::portrait_video";
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	35	//--><!]]>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	36	</script>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	37	<noscript>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	38	<img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::The_End_Etc::portrait_video" >
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	39	</noscript>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	40	<script src="http://static.francetv.fr/js/audience-min.js"></script>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	41	</head>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	42	<body>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	43	<!-- div content - site takes the full height of browser -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	44	<div id="content" class="full_hightScreen">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	45
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	46	<!-- div content_top - the elements takes the full height of "content_top" -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	47	<div id="content_top">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	48	<div id="topEmpty">
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	49	<div class="boxReturn">
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	50	<button id="breturn" class="btnReturn" onClick="location.href='portraits-the-end-etc.html';">Retour</button>
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	51	</div>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	52	</div>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	53	<section id="main">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	54	<!-- Video -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	55	<div id="video" class="small_video">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	56	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	57	<!-- /Video -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	58	</section>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	59	<div id="bottomEmpty"></div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	60	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	61
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	62	<!-- Controls container -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	63	<footer id="controlContainer">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	64	<!-- @todo JS the player disappears down the screen after 5 sec -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	65	<section id="controlbar">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	66	<div class="container_hcentering">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	67	<button id="btnInfo" class="btn" onclick="openClosePopup();">INFO</button>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	68
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	69	<button id="btnSDHD" class="btn" onClick="incPlayer.ctrlHdSd()">SD/HD</button>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	70
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	71
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	72	<div id="progressContainer">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	73
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	74	<div id="progressBar" class="progress_bar">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	75	<span id="progress" class="progress_bar"></span>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	76	<button id="stateBar" class="txt_hidden"></button>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	77	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	78
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	79	<ul id="progressTime" class="clearfix">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	80	<!-- class="txt_white" can be used to color current time in white -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	81	<li id="current" class="floatL">0'00''</li>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	82	<li id="duration" class="floatR">0'00''</li>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	83	</ul>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	84
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	85	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	86	<button id="btnBck" class="btn txt_hidden" onClick="incPlayer.ctrlPrev();">Back</button>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	87	<!--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.
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	88	-->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	89	<button id="btnPlayPause" class="btn txt_hidden" title="play" onClick="incPlayer.ctrlPlay();">Play/Pause</button>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	90
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	91	<button id="btnFwd" class="btn txt_hidden" onClick="incPlayer.ctrlNext();">Forward</button>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	92
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	93	<!-- 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	94	<button id="btnChoice" class="btn" onClick="location.href = 'transition-the-end-etc.html';">Choice</button>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	95	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	96	</section>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	97	<!-- /Controlbar container -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	98	</footer>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	99	<!-- il faut stopper la video quand on clique sur info ??? -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	100	<div id="popUpDiv" style="display:none;">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	101	<div id="popUpTitle" class="clearfix">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	102	<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	103	<a id="popUpClose" class="floatR clearfix" onclick="openClosePopup();">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	104	<img alt="Fermer" src="static/res/img/popUpClose.png"/>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	105	</a>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	106	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	107	<div id="popUpTxtScroll">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	108
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	109	<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	110	Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p>
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	111	<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	112	Fin du monde ?<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	113	Fin d'une ère ?<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	114	Fin d'un idéal ?<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	115	Début d'autre chose ?<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	116	Ceci est votre expérience.</p>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	117
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	118	<h3>COMPOSER VOTRE FILM</h3>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	119	<p>Une expérience de cinéma qui débute par trois clics.<br>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	120	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>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	121	Vous pouvez recommencer à l’infini.<br>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	122	Autant de propositions que de spectateurs...</p>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	123
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	124	<h3>THE END, ETC.</h3>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	125	<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>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	126
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	127	<h3>PROLONGER L’EXPÉRIENCE</h3>
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	128	<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>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	129	<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: diff changeset	130	<br>
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	131	<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>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	132	Préférez les navigateurs Safari ou Chrome.</p>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	133	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	134	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	135	</div>
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	136	<div id="blanket" style="display:none;"></div>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	137
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	138	<!-- JavaScript -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	139	<script src="static/res/js/jquery-1.8.2.min.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	140	<script src="static/res/js/jquery.cookie.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	141	<script src="static/res/js/popcorn-complete.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	142	<script src="static/res/js/popcorn.sequence.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	143	<script src="static/res/js/incdetectmobile.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	144	<script src="static/res/js/incplayer.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	145	<script src="static/res/js/incchoice.js"></script>
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	146	<script src="static/res/js/popup.js"></script>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	147	<script src="static/res/js/incresize.js"></script>
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	148	<script src="static/res/js/inchidebar.js"></script>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	149	<script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	150	$(function() {
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	151
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	152	// Init the video player
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	153	if (incPlayer.init("portraits-the-end-etc.html", "video", "btnPlayPause", "btnSDHD", "current", "duration", "stateBar", "progressBar")) {
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	154	incPlayer.playSingleVideo("http://dvvsyrlsr21oz.cloudfront.net/" + incChoice.getSingleVideo());
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	155
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	156	// Add class on all videos
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	157	$("#video").children().addClass("small_video");
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	158	}
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	159
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	160	// Init the resize object
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	161	incResize.init("content", "topEmpty", "video", "bottomEmpty", "controlContainer", 50, 1353/571, true, [resizePopup]);
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	162	incResize.resizeElements();
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	163
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	164	// Manage the hinding of the bar and of the pointer
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	165	incHideBar.init(showHide);
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	166	});
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	167
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	168	var resizePopup = function() {
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	169	popupPosition('popUpDiv', 'content');
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	170	}
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	171
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	172	var showHide = function(show) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	173	if (show) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	174	$("#breturn").show();
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	175	} else {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	176	$("#breturn").hide();
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	177	}
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	178	}
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	179	</script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	180	</body>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	181	</html>

author	ymh <ymh.work@gmail.com>
	Fri, 08 Feb 2013 17:53:10 +0100
changeset 127	49f930abb58a
parent 124	8d2376eb825c
permissions	-rw-r--r--