theend: web/fiction-the-end-etc.html@678b07d351ef (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" />
88 eeb0a6f3c07d resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 78 diff changeset	11
78 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" />
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	27
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::Fiction";
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::Fiction" >
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>
132 b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	43	<!-- div content - site takes the full height of browser -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	44	<div id="content" class="full_hightScreen">
88 eeb0a6f3c07d resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 78 diff changeset	45
132 b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	46	<!-- div content_top - the elements takes the full height of "content_top" -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	47	<div id="content_top">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	48	<div id="topEmpty">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	49	<div class="boxReturn">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	50	<button id="breturn" class="btnReturn" onClick="location.href='the-end-etc.html';">Retour</button>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	51	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	52	</div>
132 b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	53	<section id="main">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	54	<!-- Video -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	55	<div id="video" class="small_video">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	56	</div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	57	<!-- /Video -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	58	</section>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	59	<div id="bottomEmpty"></div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	60	</div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	61
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	62	<!-- Controls container -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	63	<footer id="controlContainer">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	64	<!-- @todo JS the player disappears down the screen after 5 sec -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	65	<section id="controlbar">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	66	<div class="container_hcentering">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	67	<button id="btnInfo" class="btn" onclick="openClosePopup();">INFO</button>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	68
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	69	<button id="btnSDHD" class="btn" onClick="incPlayer.ctrlHdSd()">SD/HD</button>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	70
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	71
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	72	<div id="progressContainer">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	73
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	74	<div id="progressBar" class="progress_bar">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	75	<span id="progress" class="progress_bar"></span>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	76	<button id="stateBar" class="txt_hidden"></button>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	77	</div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	78
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	79	<ul id="progressTime" class="clearfix">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	80	<!-- class="txt_white" can be used to color current time in white -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	81	<li id="current" class="floatL">0'00''</li>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	82	<li id="duration" class="floatR">0'00''</li>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	83	</ul>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	84
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	85	</div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	86	<button id="btnBck" class="btn txt_hidden" onClick="incPlayer.ctrlPrev();">Back</button>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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.
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	88	-->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	89	<button id="btnPlayPause" class="btn txt_hidden" title="play" onClick="incPlayer.ctrlPlay();">Play/Pause</button>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	90
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	91	<button id="btnFwd" class="btn txt_hidden" onClick="incPlayer.ctrlNext();">Forward</button>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	92
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	93	<!-- il faut faire un lien vers la page transition mais le div the end,etc est visible ??? -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	94	<button id="btnChoice" class="btn" onClick="location.href = 'transition-the-end-etc.html';">Choice</button>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	95	</div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	96	</section>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	97	<!-- /Controlbar container -->
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	98	</footer>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	99
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	100	<div id="popUpDiv" style="display:none;">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	101	<div id="popUpTitle" class="clearfix">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	102	<h2>THE END, ETC. <br><span class="text_lowercase">de Laetitia Masson.</span></h2>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	103	<a id="popUpClose" class="floatR clearfix" onclick="openClosePopup();">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	104	<img alt="Fermer" src="static/res/img/popUpClose.png"/>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	105	</a>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	106	</div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	107	<div id="popUpTxtScroll">
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	108
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	110	Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	112	Fin du monde ?<br>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	113	Fin d'une ère ?<br>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	114	Fin d'un idéal ?<br>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	115	Début d'autre chose ?<br>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	116	Ceci est votre expérience.</p>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	117
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	118	<h3>COMPOSER VOTRE FILM</h3>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	119	<p>Une expérience de cinéma qui débute par trois clics.<br>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	121	Vous pouvez recommencer à l’infini.<br>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	122	Autant de propositions que de spectateurs...</p>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	123
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	124	<h3>THE END, ETC.</h3>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	126
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	127	<h3>PROLONGER L’EXPÉRIENCE</h3>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	130	<br>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 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>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	132	Préférez les navigateurs Safari ou Chrome.</p>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	133	</div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	134	</div>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	135	</div>
132 b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	136	<div id="blanket" style="display:none;"></div>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	137
88 eeb0a6f3c07d resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 78 diff changeset	138	<!-- JavaScript -->
132 b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	139	<script src="static/res/js/jquery-1.8.2.min.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	140	<script src="static/res/js/jquery.cookie.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	141	<script src="static/res/js/popcorn-complete.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	142	<script src="static/res/js/popcorn.sequence.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	143	<script src="static/res/js/incdetectmobile.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	144	<script src="static/res/js/incplayer.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	145	<script src="static/res/js/incchoice.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	146	<script src="static/res/js/popup.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	147	<script src="static/res/js/incresize.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	148	<script src="static/res/js/inchidebar.js"></script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	149	<script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	150	$(function() {
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	151
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	152	// Init the video player
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	153	if (incPlayer.init("the-end-etc.html", "video", "btnPlayPause", "btnSDHD", "current", "duration", "stateBar", "progressBar")) {
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	154	incPlayer.playSingleVideo("http://dvvsyrlsr21oz.cloudfront.net/FICTION-HD");
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	155
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	156	// Add class on all videos
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	157	$("#video").children().addClass("small_video");
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	158	}
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	159
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	160	// Init the resize object
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	161	incResize.init("content", "topEmpty", "video", "bottomEmpty", "controlContainer", 50, 1353/571, true, [resizePopup]);
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	162	incResize.resizeElements();
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	163
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	164	// Manage the hinding of the bar and of the pointer
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	165	incHideBar.init(showHide);
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	166	});
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	167
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	168	var resizePopup = function() {
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	169	popupPosition('popUpDiv', 'content');
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	170	}
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	171
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	172	var showHide = function(show) {
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	173	if (show) {
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	174	$("#breturn").show();
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	175	} else {
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	176	$("#breturn").hide();
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	177	}
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	178	}
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	179	</script>
b009ce1aa481 page fiction Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	180	</body>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	181	</html>

author	ymh <ymh.work@gmail.com>
	Tue, 12 Feb 2013 10:54:34 +0100
changeset 134	678b07d351ef
parent 132	b009ce1aa481
permissions	-rw-r--r--