1 {{! the template for a video player }}

     2 <div id='LdtSearchContainer'

     3 	style='margin-top: {{heightS}} px; margin-left: 445px; position: absolute;'>

     4 	<div id='LdtSearch'

     5 		style='background-color: #EEE; display: none; width: 165px; boder: 1px; border-color: #CFCFCF; position: absolute; text-align: center; z-index: 999;'>

     6 		<input id='LdtSearchInput'

     7 			style='margin-top: 2px; margin-bottom: 2px;' />

     8 	</div>

     9 </div>

    10 <div id='Ldt-Root'>

    11 	<div id='Ldt-controler' class='demo'>

    12 		<div class='Ldt-Control1'>

    13 			<button id='ldt-CtrlPlay'>Lecture

    14 				/ Pause</button>

    15 			<button id='ldt-CtrlNext'>Suivant</button>

    16 		</div>

    17 		<div id='Ldt-Annotations' class='ui-slider'>

    18 			<div id='slider-range-min'></div>

    19 

    20 		</div>

    21 		<div class='Ldt-Control2'>

    22 			<button id='ldt-CtrlSearch'>

    23 				Rechercher</button>

    24 			<button id='ldt-CtrlSound'>Sound</button>

    25 		</div>

    26 

    27 		<div class='cleaner'>&nbsp\;</div>

    28 

    29 		<div id='Ldt-Show-Arrow-container'>

    30 			<div id='Ldt-Show-Arrow'></div>

    31 		</div>

    32 	</div>

    33 	<div id='Ldt-Ligne'>

    34 		<!-- this div displays the annotations. -->

    35 	</div>

    36 </div>