integration/content.html
changeset 64 458cc4576415
parent 58 00632d0dee47
child 73 fb4d0566ab19
equal deleted inserted replaced
60:f4a03f8bc37a 64:458cc4576415
     1 <!DOCTYPE html>
     1 <!DOCTYPE html>
     2 <html lang="fr">
     2 <html lang="fr">
     3     <head>
     3     <head>
     4         <meta charset="utf-8">
     4         <meta charset="utf-8">
       
     5         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     5         <title>The End - Visionnage de la séquence "{{content.title}}"</title>
     6         <title>The End - Visionnage de la séquence "{{content.title}}"</title>
     6 
     7 
     7         <!-- Mobile Specific Metas -->
     8         <!-- Mobile Specific Metas -->
     8         <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
     9         <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
     9 
    10 
    51                 });
    52                 });
    52             });
    53             });
    53         </script>
    54         </script>
    54 
    55 
    55     </head>
    56     </head>
    56     <body>
    57     <body class="player">
    57 
    58 
    58         <header>
    59         <header>
    59             <div id="title_vp">
    60             <div id="title_vp">
    60                 <a href="home.html" class= "link_prev link_img"> <img alt="Retour" src="img/retour.png" /> </a>
    61                 <a href="home.html" class= "link_prev link_img"> <img alt="Retour" src="img/retour.png" /> </a>
    61                 <h1>{{content.title}}</h1>
    62                 <h1>{{content.title}}</h1>
    91         </section>
    92         </section>
    92 
    93 
    93         <!-- Controls container -->
    94         <!-- Controls container -->
    94         <footer id="controlContainer">
    95         <footer id="controlContainer">
    95             <section id="controlbar">
    96             <section id="controlbar">
    96                 <div class="container_hcentering">
    97                 <a id="btnInfo" class="btn" href="#" title="info"></a>
    97                     <a id="btnInfo" class="btn" href="#" title="info"></a>
       
    98 
    98 
    99                     <div class="sdhdgroup">
    99                 <div class="sdhdgroup">
   100                         <a id="btnSD" class="sdhdbtn" href="#" title="SD"></a>
   100                     <a id="btnSD" class="sdhdbtn" href="#" title="SD"></a>
   101                         <div class="sdhdbtn sdhdsep"></div>
   101                     <div class="sdhdbtn sdhdsep"></div>
   102                         <a id="btnHD" class="sdhdbtn" href="#" title="HD"></a>
   102                     <a id="btnHD" class="sdhdbtn" href="#" title="HD"></a>
   103                     </div>
   103                 </div>
   104 
   104 
   105                     <div id="progressContainer" class="floatL">
   105                 <div id="progressContainer">
   106 
   106 
   107                         <div id="progressBar" class="progress_bar"></div>
   107                     <div id="progressBar"></div>
   108 
   108 
   109                         <ul id="progressTime">
   109                     <ul id="progressTime">
   110                             <li id="current" class="floatL">
   110                         <li id="current" class="floatL">
   111                                 0:00
   111                             0:00
   112                             </li>
   112                         </li>
   113                             <li id="duration" class="floatR">
   113                         <li id="duration" class="floatR">
   114                                 0:00
   114                             0:00
   115                             </li>
   115                         </li>
   116                         </ul>
   116                     </ul>
   117 
   117 
   118                     </div>
   118                 </div>
   119 
   119 
   120                     <!-- <a id="btnPlayPause" class="btn txt_hidden" href="#" title="play/pause"></a>
   120                 <a id="btnPlayPause" class="btn txt_hidden" href="#" title="play/pause"></a>
   121                     -->
       
   122 
   121 
   123                     <a id="btnChoice" class="btn" href="#" title="Choice"></a>
   122                 <a id="btnChoice" class="btn" href="#" title="Choice"></a>
   124                 </div>
       
   125             </section>
   123             </section>
   126             <!-- /Controlbar container -->
   124             <!-- /Controlbar container -->
   127         </footer>
   125         </footer>
   128         <!-- Metanav FranceTV 	-->
   126         <!-- Metanav FranceTV 	-->
   129         <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
   127         <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>