悬停的视频没有循环

Question

所以，我设法将一个带有视频的div作为背景，但是当你将鼠标悬停在div上时，你才会看到该视频。

一切正常，这就是我正在使用的CSS：

.row .col .background-inner{
    background:url('https://meivcore.pt/novo/wp-content/uploads/2017/11/mecanica-small-filtro.jpg');
}

.row .col .background-inner .video{
    display:none;
}

.row .col .uncoltable:hover .video{
    display:block;
}

hapenning（正如预期的那样）是我悬停div并且视频继续循环播放。反正有没有删除这个循环？我想悬停div，只观看一次视频并停在最后一帧。

Answer 1

html5-video标记循环的主要原因是html5-tag中的循环属性。

我做了一个简短的代码来显示标记差异：

https://codepen.io/anon/pen/OQvvQw

两者之间的唯一区别是此行末尾的循环属性：

<video width="320" height="240" controls autoplay loop>

Ressources： MDN - HTML Tag

PS：如果没有问题的有效演示，很难找到明确的答案。