<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="common::header(~{::title},~{::link})">
		<meta charset="UTF-8">
		<title>技淘网-技淘视频</title>
		
	<link th:href="${portalHost+'/dll/dll.css'}"  rel="stylesheet">
	<link th:href="${portalHost+'/vendors.css'}" rel="stylesheet">
	<link th:href="${portalHost+'/newMenu/videoDetail.css'}" rel="stylesheet">
</head>
	<body>
		<div th:replace="common::nav('','videoDetail')"></div>  
		<!-- 公共头部 -->
		<div class="indexSearch">
			<div class="search-inp">
				<div class="input-group">
					<input type="text" class="form-control demandSearch" placeholder="请输入视频名称">
					<span class="input-group-btn">
						<button class="btn btn-default searchBtn" type="button">
							<img  th:src="${portalHost+'/img/newMenu/search-icon.jpg'}" alt=""> 搜索
						</button>
					</span>
				</div>
			</div>
		</div>
	   	<div class="videoBody">
			<div class="videoCenter">
			    <div class="videoPlay">
					<video id="videoDe" controls="true" controlslist="nodownload">
						<source th:if="${videoPlay.url != null}" th:src="${videoServer + videoPlay.url}"   type="video/mp4"/> 
					</video>
					<div class="share">
						<div>
							<img th:src="${portalHost+'/img/indedImg/share.png'}" alt=""> <span>分享</span>
						</div>
						<ul>
							<li class="qqHy"></li>
							<li class="qqKj"></li>
							<li class="xlWb"></li>
						</ul>
					</div>
				</div>
				<div class="videoList">
					<h3>技淘视频</h3>
					<ul>
						<!-- 放三个 -->
						<li class="active">
							<a  th:if="${videoPlay.url != null}" th:href="@{/open/protal/videoDetail(id=${videoPlay.id})}">
								<img th:src="${avatarUploadHost+videoPlay.coverUrl}" alt="">
								<div class="txt">
									<h4 th:text="${videoPlay.name}">申请军工三证72问</h4>
									<!-- 2排字 -->
									<p th:text="${#strings.abbreviate(videoPlay.summary,14)}">注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字</p>
									<input type="hidden" th:value="${videoServer + videoPlay.url}"/>
								</div>
							</a>
						</li>
						<li th:each="list:${videoList}">
							<a th:href="@{/open/protal/videoDetail(id=${list.id})}">
							<img th:src="${avatarUploadHost+list.coverUrl}" alt="">
							<div class="txt">
								<h4 th:text="${list.name}">申请军工三证72问</h4>
								<!-- 2排字 -->
								<p th:text="${#strings.abbreviate(list.summary,18)}">注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字</p>
								<input type="hidden" th:value="${videoServer + list.url}"/>
							</div>
							</a>
						</li>
						
					</ul>
				</div>
			</div>
			<h2 th:text="${videoPlay.name}">申请军工三证</h2>
		</div>	
		<div class="summary">
			<h4>简介</h4>
			<p th:text="${videoPlay.summary}">工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介</p>
		</div>
		<!-- 下面是公共底部 -->
	<footer>
        <div th:replace="common::copyright"></div>
		<div th:replace="common::login"></div>
    </footer>
    <div th:replace="common::footer(~{::script})">
    	<script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
    	<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
		<script type="text/javascript" th:src="${portalHost+'/newMenu/videoDetail.js'}"></script>
	</div>
	</body>
</html>
