如何将视频和图像都添加到带有缩略图的图像滑块？

Question

<!-- Below are the images in the gallery -->
<div id="img-1" data-img-id="1" class="img-wrapper active" style="background-image: url('/images/1.jpg')"></div>
<div id="img-2" data-img-id="2" class="img-wrapper" style="background-image: url('images/2.jpg')"></div>
<div id="img-3" data-img-id="3" class="img-wrapper" style="background-image: url('images/3.jpg')"></div>

这是我的画廊的样子：

如何将视频添加到此画廊？