上传视频获得视频的某一帧的缩略图可由jsp等实现
简单的缩略图显示在页面,鼠标经过,播放按钮显示。
<div class="left news_right">
<div>
<div class="news_center_content_top">视频新闻</div>
<div class="videos" align="center">
<a class="hd" title="缩略图" href="#">
<img src="${pageContext.request.contextPath}/images/a.jpg" alt="s缩略图" style="border:1px solid #eeeeee;" />
<span class="play"></span>
</a>
</div>
</div>
</div>
.news_right {
margin-left:10px;
width:180px;
}
.news_center_content_top {
background:url("../images/title_news.gif") no-repeat left top;
height: 20px;
padding: 7px 0 0 10px;
font-weight:bold; }
.videos .hd {
height: 90px; overflow: hidden;
padding: 0 4px 4px 0;
width: 120px;
display: block;
margin-bottom: 2px;
position: relative;
text-decoration: none; }
.videos .hd img {
display: block; }
.videos .play {
left: 44px;
top: 29px;
background: url("../images/play_icon.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
height: 32px;
position: absolute;
visibility: hidden;
width: 32px; }
.videos .hd:hover .play {
visibility:visible; }