链接到其他页面进行播放的视频缩略图

Question

我有一个视频文件的小缩略图。 用户可以将鼠标悬停在缩略图上，然后它会亮起。 当用户点击缩略图视频时，它应该将他带到一个可以播放视频的类别页面，用户可以选择这样做。

现在我的代码让点击后直接在缩略图中播放视频，这不是我想要的。

是否可以让用户以“视频播放器外观”单击我的视频缩略图并且视频不播放，而是将用户定向到另一个可以全屏播放视频的页面？我得到了链接，我唯一的问题是视频不应该以缩略图播放，但用户可以看到“视频播放器的所有控件外观”，所以他知道这是一个他可以在类别中查看的视频页面。

HTML：

<div class="videofile">
                        <video controls="">
                        <source src="https://commons.wikimedia.org/wiki/File%3AAnimaci%C3%B3n_de_escanciar.ogv" type="video/ogv"</video>
</div>

CSS：

.videofile:hover {
    opacity:.3
}

FIDDLE:FIDDLE

Answer 1

从未使用过的视频控件肯定会为此大材小用 - 只需在图像上方添加一个播放按钮作为水印，然后链接它？