循环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);