<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>The End - Visionnage par tag "{{tag}}"</title>
<!-- Mobile Specific Metas -->
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
<link rel="stylesheet" href="lib/jquery-ui.css" />
<link rel="stylesheet" href="css/theend.css" />
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="lib/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="lib/underscore-min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript" src="js/model.js"></script>
<script type="text/javascript" src="js/ldt-serializer.js"></script>
<script type="text/javascript" src="js/ldt-annotate.js"></script>
<script type="text/javascript" src="js/tagplayer.js"></script>
<script type="text/javascript">
var matches = document.location.href.match(/tag=([^?&=#]+)/);
tag = matches ? decodeURIComponent(matches[1]) : "ENGAGEMENT";
IriSP.endpoints = {
mashup_by_tag : "http://theend-integ.ftinfo.fr/theend/ldt/mashupbytag/",
annotations_by_timecode : "http://theend-integ.ftinfo.fr/theend/api/ldt/1.0/segments/bytimecode/__CONTENT_ID__/__BEGIN__/__END__",
post_annotation : "testdata/post-test.php",
tag_page : "niv2_rv.html?tag=__TAG__"
};
$(function() {
$("h1").text(tag);
IriSP.tagplayer({
tag : tag
});
});
</script>
</head>
<body>
<header>
<div id="title_vp">
<a href="home.html" class= "link_prev link_img"> <img alt="Retour" src="img/retour.png" /> </a>
<h1>{{TAG}}</h1>
</div>
</header>
<section>
<div id="title_sequence" class="float_sequence">
<ul></ul>
</div>
<!-- Video -->
<div class="video_wrap">
<div id="video_sequence">
<div class="video-wait"></div>
</div>
</div>
<!-- /Video -->
<div id="tag_container">
<form id="form_tag">
<input type="text" name="tag" placeholder="Entrez vos tags ici" />
<input type="submit" value="OK" />
</form>
<div id="tag_sequence" class="float_sequence">
<ul></ul>
</div>
</div>
</section>
<!-- Controls container -->
<footer id="controlContainer">
<section id="controlbar">
<div class="container_hcentering">
<a id="btnInfo" class="btn" href="#" title="info"></a>
<a id="btnSDHD" class="btn" href="#" title="SD/HD"></a>
<div id="progressContainer" class="floatL">
<div id="progressBar" class="progress_bar"></div>
<ul id="progressTime">
<li id="current" class="floatL">
00:00
</li>
<li id="duration" class="floatR">
00:00
</li>
</ul>
</div>
<a id="btnBck" class="btn txt_hidden" href="#" title="Back"></a>
<!-- <a id="btnPlayPause" class="btn txt_hidden" href="#" title="play/pause"></a>
-->
<a id="btnFwd" class="btn txt_hidden" href="#" title="Forward"></a>
<a id="btnChoice" class="btn" href="#" title="Choice"></a>
</div>
</section>
<!-- /Controlbar container -->
</footer>
<!-- Metanav FranceTV -->
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<!-- JavaScript -->
</body>
</html>