我知道我会采取什么策略。

我会在特定的时间内进行剪辑，并将其缩放到所需缩略图的大小。视频可以自动剪辑，也可以手动剪辑，以确保捕捉到最有趣的片段。

HTML

<div class="video">
    <video class="thevideo" loop preload="none">
        <source src="PATH/TO/FILE.mp4" type="video/mp4">
        <source src="PATH/TO/FILE.webm" type="video/webm">
        Your browser does not support the video tag.
    </video>
</div>

 var figure = $(".video").hover( hoverVideo, hideVideo );

 function hoverVideo(e) { $(\'video\', this).get(0).play();  }
 function hideVideo(e)  { $(\'video\', this).get(0).pause(); }

.video {
    background-image: url(\'PATH/TO/FILE.jpg\');
    height: HEIGHTpx;
    width: WIDTHpx;
    margin-bottom: MARGINpx;
}


video::-webkit-media-controls {
    display:none !important;  /* Hide Play button/controls on iOS */
}