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

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

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