当缩略图选择风格它

Question

我哪里有视频缩略图（图像），并在他们单击时的视频在一个更大的DIV扮演一个页面。我将它们设置为悬停状态等，但是当视频播放时，我希望当前的缩略图具有样式，以便知道哪个缩略图正在播放。

我曾尝试加入活性类缩略图DIV但是类的样式适用于所有的人。任何人都可以想出如何实现这个目标或者我错了哪里？

HTML代码

<div class="main"> 
<iframe width="800" height="500" src="video-1.mp4" frameborder="0" allowfullscreen></iframe> 
</div> 

<ul> 
<li class="thumbnail"><a href="video-1.mp4" class="video-1" title=""><img src="images/videoPlayer-thumbnail-1.jpg" alt=""/></a></li> 
<li class="thumbnail"><a href="video-2.mp4" class="video-2" title=""><img src="images/videoPlayer-thumbnail-2.jpg" alt=""/></a></li> 
<li class="thumbnail"><a href="video-3.mp4" class="video-3" title=""><img src="images/videoPlayer-thumbnail-3.jpg" alt=""/></a></li> 
</ul> 

Answer 1

如果页面无法刷新，你可以添加一个类被点击的IMG，然后你可以改变你想要的任何方式你的风格

编辑：

<li class="thumbnail"> 
    <a href="video-3.mp4?class=link1" class="video-3" title=""> 
    <img src="images/videoPlayer-thumbnail-3.jpg" alt=""/> 
    </a> 
</li> 

而且使用jQuery拆分URL，找到参数，然后匹配的CSS路径。