将多个视频返回海报照片

Question

我有一个包含20多个视频的网站，并使用video.js插件播放它们。最近我遇到了一个问题 - 我想让每个视频在完成后返回到它的海报照片。

我有这段代码：

<script>
    var video = videojs('#myvideo');
    video.on('ended', function() {
        video.trigger('loadstart');
        video.posterImage.show();
    });
</script>

在我放置多个视频之前一切正常，因为此代码仅指其中一个id =“myvideo”。有没有办法覆盖这个代码更通用或者我必须使用for循环并为我网站上的每个视频制作这样的函数？

感谢您的回复

Answer 1

这在css中更简单

.video-js.vjs-ended .vjs-poster {
  display: block;
}