javascript - 仅循环 Mediaelement.js 视频 5 次

Question

我只想循环我的 Mediaelement.js 视频 5 次。我找到了你可以设置的设置loop: true，这会让你视频循环。但是使用此设置，它会无限循环。我想在 5 次后停止循环。

$(this).mediaelementplayer({
    loop: true,
    alwaysShowControls: false,
    startVolume: 0,
    features: [],
});

Mediaelement 是否有一些额外的设置来限制这个循环？或者我应该使用自定义 Javascript 来做到这一点？

Answer 1

视频结束时会触发一个事件，您可以使用它来知道视频播放了多少次并在五点停止，此代码未经测试，但应该为您指明正确的方向

var player = $('videoContainer').mediaelementplayer();
var playCount = 0;

player.media.addEventListener('ended', function(e) {
    playCount++;
    if (playCount>=5){
        player.stop();
    } 
}, false);