javascript - 将多个视频返回到海报照片

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;
}