$pages.include("$apphome/test/breadcrumbs.html")

<div style="padding: 0px 20px;">
#set( $asset = $mediaarchive.getAsset($testplan.presentation) )    
#set( $sourcepath = $asset.sourcepath )
#set( $source = "$home/${applicationid}/views/modules/asset/downloads/converted/cache/${sourcepath}/video.mp4" )
#set( $webmsource = "$home/${applicationid}/views/modules/asset/downloads/converted/cache/${sourcepath}/video.webm" )
#set( $thumb = "$home/${applicationid}/views/modules/asset/downloads/preview/extralarge/${sourcepath}/thumb.jpg" )
#set( $clientroot = $context.getContentProperty("clientroot") )
#set($tracks = $testbench.getLiveStreamManager().loadClosedCaptions("$asset.id"))

#if($canmanagevideos)
		    
  

    <div id="cuepointactions">
   $pages.include("$apphome/views/videoactivity/details/cuepointactions.html")
    </div>
  
		    
#end
									
	
 				<div class="row" >
				
				#if($testplan.testmode == "plainvideo")
				
				<div class="col-md-12 " id="video-holder">
						<div class="row">
							<div class="col-md-12">	
								<div class="thumbnail" id="video-container">
								
<div class="video-holder" id="showcaseclient" data-clientroot="$clientroot" >
										<section id='cuePlayer' style="padding:6px;">
											<video class="" id="video" preload="no" controls  webkit-playsinline poster="#urlescape($thumb)">
												<source id="mp4src" src="#urlescape($source)" type="video/mp4" /><!-- Safari / iOS video    -->
												<source src="#urlescape($webmsource)" type="video/webm" /><!-- Firefox    -->
											</video>
										   </section>
											
										</div>									
									 <div id="product-dialog" style="display: none;">
											
									</div>
								</div>
						    <div>
						    
						   
						    <div id="bottomtoolbar">
						    <div class="col-md-12 to-hide" id="video-cuepoints" data-dataid="${testplan.id}">
						    		
									
						   			$pages.include("$clientroot/details/cuepoints.html", $context)
						   	
							</div>
							</div>
						</div>
					</div>
						</div>
					</div>	
				
				
				#else
					<div class="col-md-6 " id="video-holder">
						<div class="row">
							<div class="col-md-12">	
								<div class="thumbnail" id="video-container">
								
<div class="video-holder" id="showcaseclient" data-clientroot="$clientroot" >
										<section id='cuePlayer' style="padding:6px;">
											<video class="" id="video" preload="no" controls  webkit-playsinline poster="$thumb">
												<source id="mp4src" src="$source" type="video/mp4" /><!-- Safari / iOS video    -->
												<source src="$webmsource" type="video/webm" /><!-- Firefox    -->
            #if( $tracks && !$tracks.isEmpty() )
     #foreach( $track in $tracks)
      <track 
      label="$track.sourcelang subtitles" 
      kind="subtitles" 
      srclang="$track.sourcelang" 
      src="$!cdn$home/${mediadbappid}/services/module/asset/players/closedcaption/${asset.id}/closedcaption-${track.sourcelang}.vtt"
      #if( $context.getLanguage() == ${track.sourcelang})  default #end>
     #end
    #end
											</video>
										   </section>
											
										</div>									
									 <div id="product-dialog" style="display: none;">
											
									</div>
								</div>
						    <div>
						    
						   
						    
						</div>
					</div>
						</div>
					</div>	
					<div id="right-panel" class="col-md-6 to-hide" >
						
				
						<div   class="row-fluid" id="cue-products">	
						
												
							$pages.include("$clientroot/details/cuepointdetails.html?cueid=$cue.id")
						</div>	
					</div>
					
					#end
					
					
					
				</div>
<div id="bottomtoolbar">
          <div class="col-md-12 to-hide" id="video-cuepoints" data-dataid="${testplan.id}">
            
         
            $pages.include("$clientroot/details/cuepoints.html", $context)
          
       </div>
       </div>

#set($time = $context.getRequestParameter("jumpto"))
#if($time)
<script type="text/javascript">
$(document).ready(function() {

	 var video = jQuery("#video");
	  video.bu
	  
	  
	jQuery("#video").bind("loadeddata", function() {
		jump('$time');
		pause();
	});
} );



</script>
#end



	
</div>